Skip to main content
Known Participant
Feb 28, 2024 9:55 AM UTC
Question

Grid in Appian

Hi All,

I have to display the data shown in below screenshot. Is there any grid pattern available to display like that?

    6 replies

    harshitb6843
    Brainy
    Feb 28, 2024 10:03 AM UTC

    You can do it in two ways. 

    1. Simple way - Just add all of it in the same grid and use the background color of the cells to create visual groups. You can then define the label of these colors in the legends below the grid. 
    2. Add 4 grids adjacent to each other, with every row having the same height, and then you will be able to achieve this. (This adds a lot of configurations that you will manually have to adjust and control to ensure that the symmetry never breaks. 
    Known Participant
    Feb 28, 2024 10:35 AM UTC

    [mention:b8ea18cfbb2e4f6d841cf3c1d4d7420b:e9ed411860ed4f2ba0265705b8793d05] , If we go by 1st way, how to display the headers in the grid.

    harshitb6843
    Brainy
    Feb 28, 2024 10:37 AM UTC

    You can't display the header groups (eg. Team Member, Overall Competency). That is what we're using colors for. 

    For displaying headers, you can simply use the 'label' property in a!gridColumn()