Table Heading Alignment

jdadwilson

I've noticed a change in the way the heading alignment is determined. In v1.0 I could use a className for the table rows to set the alignment which would also set the for the heading also. This does not seem to be the case in v2.0.

I need to use the alignment class because the default alignment for dates and numbers is left but I want them to be right. Can the date/number default alignment be set somehow?

TIA for your assistance.

jdadwilson

kthorngren

I think 2.0 introduced new type classes for numeric and date columns, for example dt-type-numeric will be applied to the thead and tbody. You can right click and inspect the header cells to see what is applied and the selector used to override the CSS settings to align left.

Kevin

allan

Kevin is spot on as usual. v2 did indeed introduce automatic class assignment for numeric and date data, to right align such information. You can see that happening in this example. The numeric Age and Salary columns, and date based Start date column are automatically right aligned.

If you are having issues with the alignment of data, please link to a test case showing the issue so I can look into it.

Thanks,
Allan

jdadwilson

Allan, thank you for a great product and support.

I fixed the problem. On my site I use the v2.0 provided but also have a local sheet that 'overrides' some of the basic v2.0 styles. To fix the issue I added my alignment classes to the thead > tr > th.myClass in my local sheet. This fixes the issue.

Here is a link as an example. Note the heading of the last two columns are right aligned. Without the udatar class the column headings are left aligned. I did not have to use the heading alignment class in v1.0 as the class alignment in the table structure was used.

Again, thanks for a great product.

jdadwilson

allan

Nice one - good to hear you got to the bottom of it and got it working as needed

Allan