Question

How to add colors in Datagrid col.

0

Could you please clarify how to color the first and second columns of a Data Grid in red?

asked 2024-12-13

Shreyansh Chouksey

3 answers

Shivam Chauhan · Answer 1 · 2024-12-13

1. Add a Custom Class to the Data Grid

• Open the properties of the Data Grid.

• In the Class property, add a unique class name, e.g., custom-grid.

2. Add Custom CSS Rules

• Open your project’s theme.scss or custom-variables.scss file (depending on where you manage your styles).

• Add the following CSS to target the first and second

columns:.custom-grid .mx-name-column1 { background-color: red;}.

custom-grid .mx-name-column2 { background-color: red;}

• Replace mx-name-column1 and mx-name-column2 with the actual names of the columns.

Mohammad Saqib · Answer 2 · 2024-12-24

Hi Shreyansh,

Just paste this code in your main.scss

.table .th{

background-color: #FF0000;

}

Ganesh Gandipally · Answer 3 · 2024-12-25

Try with this!