Table content width don't match info bars width when with complex headers and inside tab

nrq

Hi,
I try to develop some kind of extension to let insert DataTable inside dynamically generated jQueryUI tabs panel that will show/hide some columns.
Everything was going quite well until I tried Complex Headers in table. I makes table header/body/footer too wide.
fnAdjustColumnSizing() is not helping. Any idea how to fix that. I don't want to make tabs width constant in CSS etc.

Examples:
This one is ok due to simple header: http://46.105.100.7/~badyl/tabs/index.html
There is problem shown: http://46.105.100.7/~badyl/tabs/index2.html

any code used can be found in http://46.105.100.7/~badyl/tabs/js/disp.js
while on page itself it looks like:
[code]
$('#test').tableTabs({
"dataTableOptions": {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"autoWidth": "true"
},
"tabsHeaders": ["Wszystkie", "Kasia", "Miłosz", "Krzyś"],
"tabsCols": [[0,1,2,3,4], [0,2,3],[0,1,4],[2,3,4]]
});
[/code]

If I can fix it I plan to make it into some kind of plug-in that will also generate by-column filtering inputs in first headers. I find this useful for many-column tables.

nrq

Experimenting shows that using tags instead in first row of tag results in right width calculations.
But AFAIK HTML5 forbids using in so I don't think it solves problem properly.

nrq

My fault. I just realized that I called .tabs() after .dataTable().
Stupid mistake.
Is there a way to delete thread? :)