DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Header misaligned with column

Header misaligned with column

mezzemupmezzemup Posts: 4Questions: 0Answers: 0
edited March 2014 in General
Hello - I'm dealing with the 'misaligned header and column' problem that I've seen on other topics on this site. I have a tab interface with a datatable in each tab. I'm referencing the example here "http://next.datatables.net/examples/api/tabs_and_scrolling.html". The columns adjust once I select sort. I've attempted many of the suggestions for 1.9.4 (no success) and now giving 1.10 a try. Please point out what I'm missing here.

* Datatable is populating with data correctly but just not display header in-line with columns.
*I copied the dataTables.jqueryui.css plugin file that is referenced in example.
*I tried dataTable() and DataTable()

My code is listered here...
http://live.datatables.net/putiqam/1/edit?html

Replies

  • allanallan Posts: 63,381Questions: 1Answers: 10,449 Site admin
    Can you show us the actual page please, not just the plain code. We need a working test case to be able to offer any help.

    Allan
  • mezzemupmezzemup Posts: 4Questions: 0Answers: 0
    So my code is working correctly in live.datatable. When I open the my code in firefox, just the columns do not align. When I open my code in explorer, the datatable is even more jumbled (repeating header, tab2/tab3 loose css styling, etc). So is my error browser related?

    http://live.datatables.net/neguces/1/
    http://live.datatables.net/neguces/1/edit
  • mezzemupmezzemup Posts: 4Questions: 0Answers: 0
    I copied the css and js files I reference in live.datatable and put them in my code and the problem still happening
  • mezzemupmezzemup Posts: 4Questions: 0Answers: 0
    I fixed my issue. I must have been referencing my js and ccs files incorrectly b/c once I used a url for the files, things worked. I also was using the same id tag for each tab. Once I seperated the tabs (example1-example3) that made things work. Its good I had to use the live.datatable b/c that made me look at my code in a fresh way. Thanks
This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.