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'>");
            }
        });

  • 相关阅读:
    自定义排序方式
    Ajax 调用(传值)一般处理程序(.ashx)
    把一个文件夹下的所有excel添加到datatable
    list比较交集
    禁用未登录通过连接下载文件
    加密方式
    使用response.write输出excel
    linux安装OpenCV以及windows安装numpy、cv2等python2.7模块
    哈希长度扩展攻击(Hash Length Extension Attack)利用工具hexpand安装使用方法
    yafu安装使用方法以及mismatched parens解决方法
  • 原文地址:https://www.cnblogs.com/xiaobiaomei/p/9675680.html
Copyright © 2011-2022 走看看