1，使用1.10.19版本 \n CSS：\n <link rel="stylesheet" href="http://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"> \n js：\n <script src="http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> \n 调用：\n $(document).ready(function () { $('#myTable').DataTable(); }); \n 2、如果加选中一行事件，可以： \n $(function () { $("#services_table").on("click-row.bs.table", function (e, row, ele) { $(".danger").removeClass("danger"); $(ele).addClass("danger"); }); var table = $('#services_table').DataTable(); $("#services_table tbody").on('click', 'tr', function (e, row, ele) { if ($(this).hasClass('selected')) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); } }); }); \n 4、关于浏览器： \n 我试了IE, Google Chrome, 360，IE不行，其他2个都可以。 \n 希望对后来人有帮助。
1，使用1.10.19版本 \n CSS：\n <link rel="stylesheet" href="http://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"> \n js：\n <script src="http://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> \n 调用：\n $(document).ready(function () { $('#myTable').DataTable(); }); \n 2、如果加选中一行事件，可以： \n $(function () { $("#services_table").on("click-row.bs.table", function (e, row, ele) { $(".danger").removeClass("danger"); $(ele).addClass("danger"); }); var table = $('#services_table').DataTable(); $("#services_table tbody").on('click', 'tr', function (e, row, ele) { if ($(this).hasClass('selected')) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); } }); }); \n 4、关于浏览器： \n 我试了IE, Google Chrome, 360，IE不行，其他2个都可以。 \n 希望对后来人有帮助。