topic Re: change the table header alignment in Dashboards & Visualizations

change the table header alignment

anooshac — Wed, 21 Jul 2021 09:06:01 GMT

The table header's alignments seem completely random. Some are aligned to the left and others are aligned to the right. Is there a way to make them all the same? I have already aligned the cells, but i am not getting how to align the header. Can anyone please help me in this?

Re: change the table header alignment

ITWhisperer — Wed, 21 Jul 2021 09:47:50 GMT

Aren't the headers aligned similarly to the data i.e. non-numeric to the left and numeric to the right?

Re: change the table header alignment

anooshac — Wed, 21 Jul 2021 09:51:59 GMT

yes.. I have a table with numeric and non-numeric values, together they look odd, is there any method by which i can align numeric and non-numeric to the same side?

Re: change the table header alignment

ITWhisperer — Wed, 21 Jul 2021 10:00:57 GMT

Give your panel an id and add a (hidden) panel of html with some styling

Re: change the table header alignment

anooshac — Wed, 21 Jul 2021 11:08:38 GMT

Thank you so much for this! its working properly..

I have one more doubt.. Same should be done for the non-numeric values too right? Because i want all the values to be aligned to the center..

Re: change the table header alignment

ITWhisperer — Wed, 21 Jul 2021 11:11:39 GMT

Yes, you would need to do non-numerics as well if you want to override the default left alignment

Re: change the table header alignment

anooshac — Wed, 21 Jul 2021 11:31:15 GMT

#table .table thead th.string, .table tbody tr td.string{
text-align:center !important;
}

Is this the right way to do that? I am sorry if it has mistakes..

Re: change the table header alignment

ITWhisperer — Wed, 21 Jul 2021 11:50:29 GMT

Non-numerics don't have a specific class, they will take the default, so you would need to change the default (and possibly the numeric as well) i.e. just th (and td if you want the data to align as well)

Re: change the table header alignment

anooshac — Wed, 21 Jul 2021 13:39:17 GMT

okay.. Thank you so much!