时间戳

首页 > 解决方案 > 使用javascript更改其他页面中复选框的选中状态时，DataTable会一直返回第一页

javascript - 使用javascript更改其他页面中复选框的选中状态时，DataTable会一直返回第一页

问题描述

我有以下代码

$('.chk_realtor:checked').each(function () {
                    emailarr.push($(this).val());
                    action = "Selected";
                });

每当我单击除第一页以外的任何页面中的全选按钮时，数据表都会不断恢复到第一页。

标签： javascriptjqueryajaxdatatable

解决方案

您需要使用 DataTable 配置的渲染属性。

 var table = $('#example').DataTable({
      'ajax': 'https://api.myjson.com/bins/1us28',  
      'columnDefs': [{
         'targets': 0,
         'searchable':false,
         'orderable':false,
         'className': 'dt-body-center',
         'render': function (data, type, full, meta){
             return '<input type="checkbox" name="id[]" value="' 
                + $('<div/>').text(data).html() + '">';
         }
      }],
      'order': [1, 'asc']
   });

这是一个工作示例

推荐阅读