Custom CSS grid

Ask for Help
1

Hi, I’m struggling to cente align the text within cells, including the header. Anyone know the correct CSS code? Thanks

2

What “cells” are you talking about here? What component are you using?

3

Thanks. A data grid component

Everything including column headers are left aligned and centre justified by default. I would like to align some columns to centre

4

That can only be done if you have a Business or Enterprise Plan - and even then it could be quite tricky.

5

:+1: I’m currently on a business trial plan

6

I tried something like:

td[aria-colindex="2"] {
text-align: center;
}

But it didn’t change anything, I guess it’s not straightforward or might not be doable.

1 Like
7

Same for me. Chat GPT tells me it’s being rendered inside a element. And goes further to say the JavaScript code would need modifying. Can we do this?

8

I don’t think we can touch that part.