如何更改datatable插件中按钮的默认名称?

时间:2017-02-02 06:49:06

标签: javascript jquery html excel datatable

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

Datatable通过某些插件支持此功能,并且可以看到示例here

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

enter image description here

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

我该怎么做?

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

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

3 个答案:

答案 0 :(得分:6)

使用新版本的DataTables;

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

这是example from documentation

答案 1 :(得分:1)

你可以试试这个:

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

答案 2 :(得分:1)

buttons: [
    { extend: 'excel', text: 'Export to excel' }
]