【问题标题】:How to change default texts in datatable?如何更改数据表中的默认文本?
【发布时间】:2022-01-23 12:52:10
【问题描述】:

我在我的 HTML 模板中创建了一个数据表。它工作得很好,但我有一个问题。 我没有用英语创建我的项目。所以,我必须更改表格中的一些文本。 像“搜索”应该是“ara”等...... 我该怎么做?

<table id="example" class="display table  table-hover grid_" >
    <thead>
        <tr>
            <th>Kullanıcı</th>
            ...
        </tr>
    </thead>
    <body>
    ...
    </tbody>
</table>
<script>
        $(document).ready(function() {
            $('#example').DataTable( {
                select: true
            } );
        } );
</script>

注意:我标记了要更改的文本。

【问题讨论】:

    标签: javascript html jquery bootstrap-4 datatable


    【解决方案1】:
    <script>
        $(document).ready(function() {
            $('#example').DataTable( {
                "language": {
                    "lengthMenu": "Sayfa başına _MENU_ kayıt göster",
                    "zeroRecords": "Kayıt Bulunamadı",
                    "info": " _PAGE_ / _PAGES_",
                    "search": "Ara",
                }
            } );
        } );
    </script>
    

    【讨论】:

      【解决方案2】:

      要更改数据表的默认文本,您需要在初始化数据表时对其进行修复。有两种方法可以在 DataTables 中包含国际化选项 - 通过 Ajax 请求 (language.url) 加载语言文件,或者在初始化时使用 language 属性。以下示例显示了如何将土耳其语翻译包含为 Ajax 文件:

      $(document).ready(function() {
          $('#example').DataTable( {
              language: {
                  url: 'dataTables.turkish.json'
              }
          });
      });
      

      或者,您可以在初始化数据表时使用language 选项更改默认文本。示例如下:

      $(document).ready(function() {
          $('#example').DataTable({
              language: {
                  "emptyTable": "No data available in table",
                  "lengthMenu": "Show _MENU_ entries",
                  "info": "Showing _START_ to _END_ of _TOTAL_ entries",
                  "infoEmpty": "Showing 0 to 0 of 0 entries",
                  "search": "Search:",
                  "paginate": {
                      "first": "First",
                      "last": "Last",
                      "next": "Next",
                      "previous": "Previous"
                  },
              }
          });
      });
      

      您还可以查看以下链接: https://datatables.net/reference/api/i18n() https://datatables.net/reference/option/language

      【讨论】:

      • @amelvin,上次我没有对帖子发表评论,而是用评论内容回答了问题。现在我已经编辑了我的答案。
      猜你喜欢
      • 2013-07-16
      • 2021-08-19
      • 2020-04-13
      • 2015-06-09
      • 2015-11-06
      • 2015-11-28
      • 2013-01-02
      • 2013-06-08
      相关资源
      最近更新 更多