[Solved] DataTables FixedColumns - Only Header Fixed
[Solved] DataTables FixedColumns - Only Header Fixed
Heyo!
I'm currently having some issues with FixedColumns. I'm trying to fix the left 2 columns, but only the Headers are being fixed, and it's not populating the actual cells. It seems like it has the outline of the fixing, such as the Divs etc, but there is no content.
I am currently using:
FixedColumns 2.5.0.dev (As the other ones didn't even work with the table.)
DataTables 1.10.0-dev (As the 1.9 doesn't work properly with BootStrap 3, but this one seems to work 99% fine :) )
I am also using the D ataTables Bootstrap addon located: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3
And of course, Bootstrap 3, JQuery 1.10.2, and jQuery UI 1.10.3
My Debug ID: oyatod
My Javascript Code to Enable the Table:
[code]
oTable = $('#rosterTable').dataTable( {
"bProcessing": false,
"bServerSide": true,
"sAjaxSource": '../../../fetchRoster.php?division=<?php echo $division_info[0]['name_plain'].'_prim_rost_'.$division_info[0]['platform']; ?>&mode=entry',
"sScrollY": ""+height - 130+"px",
"sScrollX": "100%",
"sScrollXInner": "500%",
"bScrollCollapse": true,
"bPaginate": false,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false, // Disable the auto width calculation
"aoColumns": [
{ "sWidth": "200px" }, // Forum Name
{ "sWidth": "200px" }, // Game Name
{ "sWidth": "150px" }, // Position
{ "sWidth": "50px", "sClass": "centered_column" }, // Tag
{ "sWidth": "100px" }, // Join Date
{ "sWidth": "100px" }, // Ori Date
{ "sWidth": "100px" }, // First Name
{ "sWidth": "100px" }, // Last Name
{ "sWidth": "100px" }, // Dob
{ "sWidth": "200px" }, // Email
{ "sWidth": "125px" }, // Phone
{ "sWidth": "50px" }, // Text
{ "sWidth": "300px", "sClass": "address_column" }, // Address
{ "sWidth": "100px" }, // Skype
{ "sWidth": "100px" }, // Steam
{ "sWidth": "100px" } // Twitter
],
"fnInitComplete": function() {
new FixedColumns( oTable, {
"iLeftColumns": 2,
"iLeftWidth": 400
});
}
});
[/code]
I am getting an error in the console in "FixedColumns Line 981":
[code]TypeError: that.s.dt.oApi._fnGetTdNodes is not a function[/code]
Code in File:
[code]var aTds = that.s.dt.oApi._fnGetTdNodes( that.s.dt, i );[/code]
Link to Page to view source etc: { Link Removed - Problem Fixed - Thanks! }
Thanks for any help you can give!
-Neeks
I'm currently having some issues with FixedColumns. I'm trying to fix the left 2 columns, but only the Headers are being fixed, and it's not populating the actual cells. It seems like it has the outline of the fixing, such as the Divs etc, but there is no content.
I am currently using:
FixedColumns 2.5.0.dev (As the other ones didn't even work with the table.)
DataTables 1.10.0-dev (As the 1.9 doesn't work properly with BootStrap 3, but this one seems to work 99% fine :) )
I am also using the D ataTables Bootstrap addon located: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3
And of course, Bootstrap 3, JQuery 1.10.2, and jQuery UI 1.10.3
My Debug ID: oyatod
My Javascript Code to Enable the Table:
[code]
oTable = $('#rosterTable').dataTable( {
"bProcessing": false,
"bServerSide": true,
"sAjaxSource": '../../../fetchRoster.php?division=<?php echo $division_info[0]['name_plain'].'_prim_rost_'.$division_info[0]['platform']; ?>&mode=entry',
"sScrollY": ""+height - 130+"px",
"sScrollX": "100%",
"sScrollXInner": "500%",
"bScrollCollapse": true,
"bPaginate": false,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false, // Disable the auto width calculation
"aoColumns": [
{ "sWidth": "200px" }, // Forum Name
{ "sWidth": "200px" }, // Game Name
{ "sWidth": "150px" }, // Position
{ "sWidth": "50px", "sClass": "centered_column" }, // Tag
{ "sWidth": "100px" }, // Join Date
{ "sWidth": "100px" }, // Ori Date
{ "sWidth": "100px" }, // First Name
{ "sWidth": "100px" }, // Last Name
{ "sWidth": "100px" }, // Dob
{ "sWidth": "200px" }, // Email
{ "sWidth": "125px" }, // Phone
{ "sWidth": "50px" }, // Text
{ "sWidth": "300px", "sClass": "address_column" }, // Address
{ "sWidth": "100px" }, // Skype
{ "sWidth": "100px" }, // Steam
{ "sWidth": "100px" } // Twitter
],
"fnInitComplete": function() {
new FixedColumns( oTable, {
"iLeftColumns": 2,
"iLeftWidth": 400
});
}
});
[/code]
I am getting an error in the console in "FixedColumns Line 981":
[code]TypeError: that.s.dt.oApi._fnGetTdNodes is not a function[/code]
Code in File:
[code]var aTds = that.s.dt.oApi._fnGetTdNodes( that.s.dt, i );[/code]
Link to Page to view source etc: { Link Removed - Problem Fixed - Thanks! }
Thanks for any help you can give!
-Neeks
This discussion has been closed.
Replies
http://datatables.net/forums/discussion/18881/trying-to-use-fixedcolumn-but-for-somereason-it-wont-work-at-all-#Item_7
Thanks for the help Neta, you're awesome :)
Problem Fixed! :)
-Neeks