Column header mismatch

leiunnia

Hello All,

First of all thank you for this wonderful plugin. This really help me a lot in doing my projects.
I am having difficulty in knowing the reason of the column header mismatch that is occurring in my datatable.
Do anyone know how to fix this?
Thanks a lot in advance :D

Here is the print screen of my datatable:
https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/9304_506669362679686_1957325045_n.jpg

The cursor is pointing to the highlighted row.
And after clicking a row, here is what happens:
https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-snc7/431743_506669456013010_1918098145_n.jpg

Here is the code initialization for my table:
[code]
$(document).ready(function() {
$('#dataTableMyProjects').dataTable( {
"iDisplayLength": 28,
"bAutoWidth": false,
"sScrollX": "996px",
"sScrollY": "595px",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bLengthChange": false,
"bDestroy": true
});
});
[/code]

I hope there is someone who can help me.
Thanks a lot in advance everyone.

leiunnia

*

allan

> "sScrollX": "996px"

I'd suggest that sScrollX should never be set to anything other than 100%. If that doesn't fix it, please link us to a test page showing the problem.

Allan