FixedHeader and TableTools initialization
FixedHeader and TableTools initialization
Hello,
I am looking for how to use both fixed header and tabletools together. The code I have shows the buttons, but nothing happens when I click on them other than some lines on the icons that indicate I clicked it.
The code I used:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
@import "/media/css/demo_page.css";
@import "/media/css/demo_table.css";
@import "/css/jquery-ui/css/redmond/jquery-ui-1.8.4.custom.css";
@import "/TableTools/media/css/TableTools.css";
a { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #483D8B; text-decoration: none }
a:hover { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A; background-color: #FAEBD7}
h1 { font-family: Arial, Verdana, sans-serif; font-size: 32px; color: #A52A2A }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }
$(document).ready(function() {
var oTable = $('#percloc3').dataTable({
"sDom": 'T<"clear">lfrtip',
"sScrollY": 800,
"sScrollX": "100%",
"sScrollXInner": "100%",
"bJQueryUI": true,
"bPaginate": false
});
new FixedHeader( oTable );
});
[/code]
I am looking for how to use both fixed header and tabletools together. The code I have shows the buttons, but nothing happens when I click on them other than some lines on the icons that indicate I clicked it.
The code I used:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
@import "/media/css/demo_page.css";
@import "/media/css/demo_table.css";
@import "/css/jquery-ui/css/redmond/jquery-ui-1.8.4.custom.css";
@import "/TableTools/media/css/TableTools.css";
a { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #483D8B; text-decoration: none }
a:hover { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A; background-color: #FAEBD7}
h1 { font-family: Arial, Verdana, sans-serif; font-size: 32px; color: #A52A2A }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }
$(document).ready(function() {
var oTable = $('#percloc3').dataTable({
"sDom": 'T<"clear">lfrtip',
"sScrollY": 800,
"sScrollX": "100%",
"sScrollXInner": "100%",
"bJQueryUI": true,
"bPaginate": false
});
new FixedHeader( oTable );
});
[/code]
This discussion has been closed.
Replies