datatables表格汉化

最新推荐文章于 2023-03-06 22:30:00 发布

原创最新推荐文章于 2023-03-06 22:30:00 发布 · 495 阅读

0 ·

CC 4.0 BY-SA版权

work碎片🧩 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何使用 jQuery DataTable 插件，并实现其界面文本的完全汉化，包括每页显示数量、搜索框提示等。同时展示了如何添加导出按钮以方便数据导出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <script>
      $(document).ready(function() {
        var handleDataTableButtons = function() {
          if ($("#live-ten").length) {
            $("#live-ten").DataTable({
              dom: "Bfrtip",
              ordering:false,
              oLanguage: {//插件的汉化
                            "sLengthMenu": "每页 _MENU_ 条数据",
                            "sZeroRecords": "抱歉， 没有找到",
                            "sInfo": "_START_ 到 _END_ /共 _TOTAL_ 条数据",
                            "sInfoEmpty": "没有数据",
                            "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
                            "oPaginate": {
                                "sFirst": "首页",
                                "sPrevious": "前一页",
                                "sNext": "后一页",
                                "sLast": "尾页"
                            },

                            "sZeroRecords": "没有检索到数据", 
                            "sSearch": "搜索",

                        },
              buttons: [ 
                {
                  extend: "csv",
                  className: "btn-sm",
                  text:"导出"
                }

              ],
              responsive: true
            });
          }
        };

        TableManageButtons = function() {
          "use strict";
          return {
            init: function() {
              handleDataTableButtons();
            }
          };
        }();



     TableManageButtons.init();
      });
    </script>