Highlight a row in Grid

Certified Senior Developer

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 ?     

  Discussion posts and replies are publicly visible

Parents
  • 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
      )
    )

Reply
  • 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
      )
    )

Children