How can I make a header span multiple columns and have horizontal scrolling

bklen

http://live.datatables.net/dulayit/1/edit?html,css,js,output
I am trying to create a header that spans multiple columns and be able to have horizontal scrolling. However, in the above example when I try to implement both the headers get messed up.

allan

You must has a unique cell for each column in the table. DataTables uses the header cells for counting columns and to apply sorting, filtering etc. I hope to relax this in future, but for the moment you need to add a second row in the header. See: http://datatables.net/examples/basic_init/complex_header.html

Allan

allan

You must has a unique cell for each column in the table. DataTables uses the header cells for counting columns and to apply sorting, filtering etc. I hope to relax this in future, but for the moment you need to add a second row in the header. See: http://datatables.net/examples/basic_init/complex_header.html

Allan

bklen

Thanks! that worked! Also, is there any way i can left align the upper headers?
http://live.datatables.net/dulayit/3/edit

*edit never mind I figured it out =]