DataTable列自定义渲染切页无效重绘

在使用DataTable时遇到切页后列自定义渲染的rowCallback和footerCallback无效的问题,原因是fnDrawCallback在切换页面后仅执行一次。解决方法是在fnDrawCallback中加入`table.draw(false)`,用于在不重置状态的情况下重绘当前页。
摘要由CSDN通过智能技术生成

 

DataTable列自定义渲染切页 进行DataTable重绘

jsp代码

 table = $("#detail_table").DataTable({
            language: lang, //提示信息
            autoWidth: false, //禁用自动调整列宽
            "bLengthChange": true,
            "aLengthMenu": [[10, 25, 50, 1000000], [10, 25, 50, "ALL"]],
            stripeClasses: ["odd", "even"], //为奇偶行加上样式,兼容不支持CSS伪类的场合
            processing: true, //隐藏加载提示,自行处理
            serverSide: true, //启用服务器端分页
            searching: false, //禁用原生搜索
            orderMulti: false, //启用多列排序
            scrollX: true,
            scrollY: true,
            scrollY: 350,
            autoWidth: true,
            "bStateSave":true,
            scrollCollapse: true,
            fixedColumns:   {
                leftColumns: 6
            },
            order: [], //取消默认排序查询,否则复选框一列会出现小箭头
            renderer: "bootstrap", //渲染样式:Bootstrap和jquery-ui
            pagingType: "simple_numbers", //分页样式:simple,simple_numbers,full,full_numbers
            rowId: 'workSheetId',
            ordering: false,
            "destroy": true,
            //bAutoWidth: true,
            "dom": "<f<t>ilp>",
            columnDefs: [{
                "targets": 'nosort', //列的样式名
                "orderable": false, //包含上样式名‘nosort'的禁止排序
                "defaultContent": ""
            }],
            ajax: function (data, callback, settings) {
                showLoading();
                //封装请求参数
                var param = {};
                param.offset = data.le
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值