CSS to change DataGrid row height

[apearce]

Data grid row height (or at least the top and bottom padding) appears to be fixed.

Is there a CSS padding option to alter this?

[campopianoa]

Hello. In case this helps:

Row spacing in a grid/panel table display

If the the standard layout options are not getting things close enough together, you can use CSS and roles to create custom spacing. Here are the standard layout options which you can find in the IDE: [sc1] If you want to have more control over the spacing, create an Anvil “role” and set your template form’s outer container to have that role. The following CSS is associated with that role and is added to your theme.css file under “assets” in the IDE. .anvil-role-thin_row { margin-top: -10p…

[apearce]

[campopianoa] Thank you.

.anvil-role-thin_row {
 margin-top: -10px !important;
 margin-bottom: -10px !important;
}

That’s just what I needed.

I know you showed the option of highlighting rows through code but is there anyway to combine the role you suggested with the following:

If you only wanted anvil-row-panels for some data grids gray - you could create an anvil role for the repeating panel called striped

Anvil Docs | Custom Styling

.anvil-role-striped .anvil-data-row-panel:nth-child(even) {
    background:  %color:Gray 200%;;
}