首页 > Web开发 > 详细

jquery DataTable 汉化 以及其他实用配置

时间:2020-04-08 00:58:52      阅读:71      评论:0      收藏:0      [点我收藏+]

一、将 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);

技术分享图片

 

jquery DataTable 汉化 以及其他实用配置

原文:https://www.cnblogs.com/ryanzheng/p/12657226.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!