是否有可能像下面的图像一样使用jquery数据表进行下拉分页?
我正在使用jquery数据表。 我想点击表格的分页号码来执行一些function。 表的行是动态生成的。 问题是onclick事件在点击数字时没有被触发,但它在前一个和下一个链接上被触发。 我使用以下命令绑定click函数: $(document).on(‘click’,”div.pagination li”,function(evt){ evt.preventDefault(); alert(‘clicked!’); // do some coding }); 请帮助我确定这里的错误。 请提示是否有其他方法。 谢谢!
我有以下DataTable调用status_icons()函数用于用图标替换0和1值。 在第一个结果页面( 在initComplete上 )我调用status_icons()进行替换,然后我从DataTables范围中触发,以便为每个分页的DataTable DOM重建行为重新执行我的函数以用于下一个分页结果。 我得到的错误是当您单击任何分页或编号分页框上的“上一步”按钮时, 重新添加当前状态图标 。 我用图标替换值的function function status_icons() { $(‘table tr’).each(function() { if ($(this).find(‘td’).eq(0).text() == ‘1’) { $(this).find(‘td’).eq(0).replaceWith(”); } else { $(this).find(‘td’).eq(0).replaceWith(”); } }); } DataTable构造 – 在initComplete上调用第一页和第二页结果的函数 setTimeout(function() { $(‘#invoices-table’).DataTable({ responsive: true, columnDefs: [{ orderable: false, targets: [-1, -2, -3] }], dom: ‘Bfrtip’, initComplete: function() { status_icons() // it executes my […]
我正在使用带有Bootstrap的jQuery Datatables JS,我遇到了一个问题,其中有一个解决方法,但它不是最好的。 问题:我的表包含超过4k的记录 如果在桌子上工作的人需要从记录200到300工作并且为了方便,他需要在页面中看到10条记录,然后他可以点击页码上的5,然后点击6,然后点击7一直到第20页。(我知道周围的工作将是显示100条记录,只需点击第3页就可以从200开始,但正如我所说,由于他们的工作,他们更容易看到不超过10每页-20条记录)。 下面的图片显示,当我到达第5页时,我无法访问除第一页,最后一页,下一页或上一页之外的其他页面 是否有任何设置我可以说显示所有页面? 这个表是在服务器端处理的,我添加了选项: ‘sPaginationType’ : ‘full_numbers’, 编辑: j$(document).ready(function() { j$(‘#sharkTankTable’).dataTable({ ‘aoColumns’: aoColumns, ‘sPaginationType’: ‘listbox’, // ‘pageLength’: 10, // // ‘sPaginationType’: ‘ellipses’, // ‘iShowPages’: 10, ‘bProcessing’: true, ‘bServerSide’: true, // ‘sPaginationType’ : ‘full_numbers’, ‘sDom’: ‘Tlfrtip’, ‘bFilter’: true, ‘tableTools’:{“sSwfPath”: “//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/swf/copy_csv_xls_pdf.swf”}, ‘sAjaxSource’: ‘fakeUrl’, ‘fnServerData’: function(sSource, aoData, fnCallback) { …..
当我单击选择所有(超链接)选项或者我想要特定页面中的特定记录(使用复选框)到服务器类时,我正在尝试使用jQuery数据表发送所有记录但问题是当我单击表单提交按钮时Ie导出即使在jquery数据表分页中的其他页面中选择了记录,PDF也只从当前页面获取记录。 Select all Student Name Parent Phone Parent Email ReferenceID 脚本 $(“#selectall”).click(function() { var rows = table.rows({ ‘search’: ‘applied’ }).nodes(); debugger; if($(‘.case:checkbox:checked’, rows).length == rows.length){ $(‘.case’, rows).prop(‘checked’, false); } else{ $(‘.case’, rows).prop(‘checked’, true); } $(‘#dvcount’).html($(rows).find(“.case:checkbox:checked”).length); $(“body”).on(“change”,”input”,function() { var rows = table.rows({ ‘search’: ‘applied’ }).nodes(); $(‘#dvcount’).html($(rows).find(“.case:checkbox:checked”).length); }); } ); } );
默认情况下, DataTables插件显示7个分页按钮(包括省略号) 上一页 1 2 3 4 5 … 10 下一页 我希望能够将此更改为更小的数字 上一页 1 … 10 下一页 我在文档中的任何地方都找不到这个。 我找到了这个插件,但是它说它已被弃用了 DataTables 1.10内置了这种能力。 但它没有显示在哪里改变它。
我有一个使用jQuery DataTables和分页的表 我有超过300个注册表,每页最多50个。 每次我从一个页面更改为另一个页面时,其他250个注册表将从DOM中删除,所以当我提交并对我的控制器执行POST时,我只会获得50个模型的列表,这些模型是我当前页面上的模型。 如何访问其他250,或告诉表格全部发送? 我搜索过,我已经读过这是分页的正常行为。 但你们是如何解决这个问题的呢?