zoukankan      html  css  js  c++  java
  • datatables分页

    一万条以下

    var dataTables = $('#dataTables').DataTable();

    一万条以上

        var dataTables = $('#dataTables').DataTable({
            oLanguage: {
                "sProcessing":   "处理中...",
                "sLengthMenu":   "显示 _MENU_ 项结果",
                "sZeroRecords":  "没有匹配结果",
                "sInfo":         "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
                "sInfoEmpty":    "显示第 0 至 0 项结果,共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix":  "",
                "sSearch":       "搜索:",
                "sUrl":          "",
                "oPaginate": {
                    "sFirst":    "首页",
                    "sPrevious": "上页",
                    "sNext":     "下页",
                    "sLast":     "末页"
                }
            },
            "lengthMenu": [[10, 25, 50, 100], ['10', '25', '50', '100']], // 每页显示数量
            serverSide: true,
            ajax: {
                "url" : '{:url("getDataByAjax")}',
                "type": 'post',
                // 传递给服务器的参数
                "data": function(data) {
                    // data参数代表是datatable插件要发送给后台的数据,如果有其他的数据要传递给后台,我们直接在该对象上面进行设置即可
                    // 告诉后台 1. 当前页 2. 每页显示数据
                    data.pageSize = data.length;
                    data.page = data.start >= data.length ? Math.ceil( data.start / data.length
                    ) + 1 : 1;
                    data.keyword = $("#keyWord").val(); // 直接在这里传递
                }
            },
            searching: false, // 关闭自带搜索
            // 默认排序规则:按照id做降序排列
            order: [[ 1, 'desc' ]],
            //columnDefs: [{ "orderable": false, "targets": [0,5,4,9] }],
            columns: [
                {data: 'id'}, // 定义一列
                {data: 'nickname'}, // 定义一列
                {data: 'headimgurl'},
                {data: 'integrate'}, // 定义一列
                {data: 'type_name'}, // 定义一列
                {data: 'ctime'},
                {data: 'remark'}
            ],
            createdRow: function(row, data){
                // console.log( row ); tr
                // 操作第一列 td 下标为 0
                $row = $(row);
                $row.find('td').eq('2').html("<img src='"+data['headimgurl']+"' style=' 50px;height: 50px'>");
            }
        });

  • 相关阅读:
    类,对象和方法
    jmeter对接口测试入参进行MD5加密
    Jmeter配置代理进行录制
    MYSQL——having 和 where的区别
    MySQL
    Python——面试编程题
    mysql——面试题
    Vue——解决跨域请求问题
    Vue——axios网络的基本请求
    ES6 数组map(映射)、reduce(汇总)、filter(过滤器)、forEach(循环迭代)
  • 原文地址:https://www.cnblogs.com/xiaobiaomei/p/9675680.html
Copyright © 2011-2022 走看看