Datagrid Header Text Align

Ask us anything How do I?
1

Hi!

I’m new to WeWeb and trying to learn by playing around with things, so sorry if I’m missing something very obvious.

I’m using the Data Grid element to try and make a quote builder.

I have added a line of custom CSS: “text-align: right” to attempt to align the text in the data grid to the right.

It has worked for all the text other than the text in the column headers…

How do I align the column headers to the right? Ideally I want the ability to align the headers (and content) of specific columns to left or right depending on preference. I’d like to have all text columns (and headers) aligned to the left and all number columns (and their headers) aligned to the right.

I have also set the Text Align option to the right in the Display options of the Data Grid element. Although this seems to have no effect at all.

Let me know what you think.

Thanks!

Will

Screenshot 2025-06-10 150743
Screenshot 2025-06-10 1507432346×1273 184 KB

2

Hi Will and welcome to the community :waving_hand:

I tried replicating your issue and couldn’t solve it, I’m going to ask for help to our support team.

1 Like
3

Ok, thanks Agustin

4

Hey Agustin, how long does it normally take to hear back from the support team?

5

Hey Will, thanks again for your patience!

I passed your question along to the support team, they’re currently focused on a few higher-priority issues, so styling questions may take a little longer to get a response.

That said, you’ll definitely hear back, it just might not be immediate.

Let me know if the issue becomes more urgent, and I’ll help bump it on our side.