Solved

Highlight a row in Grid

Forum|Forum|3 years ago
May 22, 2023
10 replies
1 view

Hi,

I am using a gridField ... Now I want to highlight a row based on a value of a particular value ..

say suppose I am displaying employee info (id, name, salary, location etc ) ... Now I want to highlight a row where the employee id = 10 with red color ...

Is it possible to do so ?

Best answer by harshitb6843

You should be able to do it by passing the selection value and playing with some properties of the grid.

a!localVariables(
  local!selection: 1,
  local!data: {
    { id: 1, label: "Harshit" },
    { id: 2, label: "HarshitBumb.com" },
    { id: 1, label: "AppianSpace.com" }
  },
  a!gridField(
    data: local!data,
    columns: {
      a!gridColumn(
        label: "ID",
        value: fv!row.id
      ),
      a!gridColumn(
        label: "Name",
        value: fv!row.label
      )
    },
    selectable: true,
    selectionStyle: "ROW_HIGHLIGHT",
    selectionValue: local!selection
  )
)

stefanhelzle0001

No. Grids do not support that. But you can show a red icon in that row.

harshitb6843Answer

You should be able to do it by passing the selection value and playing with some properties of the grid.

a!localVariables(
  local!selection: 1,
  local!data: {
    { id: 1, label: "Harshit" },
    { id: 2, label: "HarshitBumb.com" },
    { id: 1, label: "AppianSpace.com" }
  },
  a!gridField(
    data: local!data,
    columns: {
      a!gridColumn(
        label: "ID",
        value: fv!row.id
      ),
      a!gridColumn(
        label: "Name",
        value: fv!row.label
      )
    },
    selectable: true,
    selectionStyle: "ROW_HIGHLIGHT",
    selectionValue: local!selection
  )
)