Custom css DATA GRID

[Andres_Alencar]

Hello community, does anyone know what CSS code I can use to change the colors of each column and the colors of the headers of each column, and if it is possible to change the color according to some condition

[Himaladin]

Since this component exists, you are not allowed to customize it with CSS.

[Andres_Alencar]

pero eh visto post donde modifican los colores en listas

[Himaladin]

What can be done is a new table, not data grid.

[Andrew_Davies]

That’s a shame - I was hoping to change the padding / margin and to wrap text using CSS on the new Data Grid component.

Any other way?

[ThinhDinh]

I tried using word-wrap to no avail. If the CSS master Himaladin says it’s not possible, I would take his word

[Himaladin]

The Data Grid in Glide uses div elements and canvas tags. Since the content is drawn directly with JavaScript in the canvas, traditional CSS like padding, margins, or text wrapping won’t work. Sorry, I haven’t found a way to modify it yet.
See the following image that shows the Data Grid header element is more like an image than an HTML element that can be styled:

[Andrew_Davies]

If you can’t do it - no one can!

Thanks for the reply though.

Andrew

[Himaladin]

So far, I have been able to provide limited styling to the textarea (input area). This might be useful for cells with long text.