zoukankan      html  css  js  c++  java
  • jquery DataTable 汉化 以及其他实用配置

    一、将 DataTable 设置成中文

    <script>
    
     $('#datatable').DataTable({
      
       language: {
           "sProcessing": "处理中...",
           "sLengthMenu": "显示 _MENU_ 项结果",
           "sZeroRecords": "没有匹配结果",
           "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
           "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
           "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
           "sInfoPostFix": "",
           "sSearch": "搜索:",
           "sUrl": "",
           "sEmptyTable": "表中数据为空",
           "sLoadingRecords": "载入中...",
           "sInfoThousands": ",",
           "oPaginate": {
               "sFirst": "首页",
               "sPrevious": "上页",
               "sNext": "下页",
               "sLast": "末页"
           },
           "oAria": {
               "sSortAscending": ": 以升序排列此列",
               "sSortDescending": ": 以降序排列此列"
           }
       }
    });
    });     
    
    </script>

    二、设置列宽度

    <script>
    $('#datatable').DataTable({

    "columnDefs": [
      {
        render: function (data, type, full, meta) {
            return "<div style='white-space:nowrap;float:right'>" + data + "</div>";
        },
        targets: [2,3,4,5,6]
      },
    ],

    });

    </script>

    三、修改表格数据后,静态刷新表格数据不跳转

    dataTable.ajax.reload(null, false);

    // 重载所有接口数据,返回到第一页
    dataTable.ajax.reload();

    相关 API

    ajax.reload( callback, resetPaging )


    里面有二个参数:
    callback :当服务器返回数据并重绘完毕时执行此回调方法,回调方法返回的是服务器返回的数据
    resetPaging: 重置(默认或者设置为true)或者保持分页信息(设置为false) 

    https://datatables.net/reference/api/ajax.reload()

    http://datatables.club/reference/api/ajax.reload().html

  • 相关阅读:
    bootstrap轮播组件之“如何关闭自动轮播”
    js分享功能
    设置省略号的取巧方法
    bootstrap-table表格插件的使用案例
    如果有帮到您,欢迎打赏
    IDEA导入Eclipse项目
    Centos nginx安装
    centos tomcat安装
    centos安装jdk
    Centos创建用户
  • 原文地址:https://www.cnblogs.com/ryanzheng/p/12657226.html
Copyright © 2011-2022 走看看