Unable to align column header to left

hoangpx

I did exactly following this sample https://datatables.net/examples/styling/compact.html
at here http://fiddle.jshell.net/gprrwzrh/
Thanks for your help.

tangerine

The example has this:

The following CSS library files are loaded for use in this example to provide the styling of the table:
https://cdn.datatables.net/1.10.8/css/jquery.dataTables.min.css

hoangpx

Yes, I added it in External Resources on fiddle

tangerine

Sorry, @hoangpx - looking at this more closely I can't see how the left-align is being achieved in the example. I suspect we're both missing something simple. :-(

ma_roberge

You could check the unminified version of the style sheet and make sure that th has "text-align: left".

hoangpx

@tangerine they use class = "display compact"

hoangpx

@ma_roberge Yes, they have. I use exactly the library they use in example. I even tried different versions of library and css but no luck.