【问题标题】:How to change default name of buttons in datatable plugin?如何更改数据表插件中按钮的默认名称?
【发布时间】:2017-06-19 03:34:03
【问题描述】:

我通过在我的 html 页面中显示数据来使用数据表插件。 我有一个要求,我想导出数据表中的数据。

Datatable 通过一些插件支持此功能,可以看到一个示例here

我在屏幕上看到的是具有固定默认名称的导出按钮,如下所示

我想将默认名称更改为自定义名称。例如。 “Excel”到“导出到 Excel”

我该怎么做?

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );

在上面的代码中,如果我更改了默认名称,那么我的功能就会中断,因为 datatable 通过其名称识别按钮的功能。是否有任何我应该使用的属性来帮助我实现我想要的或任何其他出路?

【问题讨论】:

  • 请找this link它会帮助你
  • 看起来像@Curiousdev 为您提供的链接。对于另一种解决方法,我认为数据表适用于类。如果您检查元素,则 excel 按钮具有“buttons-excel”类。您可以使用 jquery 更改子跨度的文本。

标签: javascript jquery html excel datatable


【解决方案1】:

随着新版本的DataTables;

buttons: [
   { 
      extend: 'copy',
      text: 'Copy to clipboard'
   }
]

这里是example from documentation

【讨论】:

    【解决方案2】:

    你可以试试这个:

    buttons: [
       { 
          sExtends: 'copy',
          text: 'Custom text'
       }
    ]
    

    【讨论】:

      【解决方案3】:
      buttons: [
          { extend: 'excel', text: 'Export to excel' }
      ]
      

      【讨论】:

      • 欢迎来到 Stackoverflow!请提供更多信息,为什么这段代码回答了这个问题。
      猜你喜欢
      • 1970-01-01
      • 2012-07-06
      • 2012-10-30
      • 1970-01-01
      • 2020-10-17
      • 1970-01-01
      • 2020-11-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多