change the table header alignment

[anooshac]

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?

[anooshac]

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?

[anooshac]

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?

[ITWhisperer · Accepted solution]

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

        <style>
          #id_of_panel th.numeric {
            text-align: left !important;
          }
        </style>

[anooshac]

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..

[ITWhisperer]

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

[anooshac]

#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..

[ITWhisperer]

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)

[anooshac]

okay.. Thank you so much!

[ITWhisperer]

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