jquery plugin databasetable
jquery ui dt- test - 2401 - checkboxtest
by ltdeta
HTML
<script src="http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/jqueryui/dataTables.jqueryui.js"></script>
<script src="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/jqueryui/dataTables.jqueryui.css">
<div class="container">
<table id="example" class="display" cellspacing="0" width="100%"></table>
</div>
JavaScript
$(document).ready(function() {
$('#example').dataTable({
"bScrollCollapse": true,
"scrollY": '450px',
"columnDefs": [
{ "title": "checkbox" , "className": "dt-center" , "data": null, "defaultContent": "<input type='checkbox' name='actionSelectorAll' />", "targets": [ 0 ]},
{ "title": "<span style='color:red'>dt-body-right</span>", className: "dt-body-right", "targets": [ 1 ]},
{ "title": "<span style='color:red'>dt-body-center</span>", className: "dt-body-center", "targets": [ 2 ]},
{ "title": "<span style='color:green'>center</span>", className: "center" , "targets": [3]},
{ "title": "<span style='color:green'>right</span>", className: "right" , "targets": [4]}
],
"data": [
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800",
"sdsf",
"sdsf",
"s dsf"
],
[
"Garrett Winters",
"Accountant",
"Tokyo",
"8422",
"2011/07/25",
"$170,750",
"$170,75ff0",
"$170,75fsd0",
"$170,750"
],
[
"aGarrett Winters",
"cAccountant",
"2Tokyo",
"8422",
"2011/07/25",
"$170,750",
"1",
...