更改DataTable搜索标签

Question

一直试图改变搜索:过滤:在我创建的数据表中.

我试过这个,我发现:

$(document).ready(function() {
oTable = $('#datatable-example_filter').dataTable({
  "aaSorting": [[ 10, "desc" ]],
  "bJQueryUI": true,
  "aLengthMenu": [[25, 50, 100, 250, 500, -1], [25, 50, 100, 250, 500, "All"]],
  "sPaginationType": "full_numbers",
  "oLanguage": {
    "sSearch": "Filter: "
  }
});
} ); 

但它不起作用,#datatable-example_filter是由dataTable生成的div内的id的名称

Answer 1

使用"oLanguage"的另一个答案是使用遗留DataTables api.根据DataTables v 1.10+ 文档,语法为:

$('#example').dataTable( {
  "language": {
    "search": "Filter records:"
  }
} );

Answer 2

非常简单,只需在调用数据表函数时输入此参数:

"oLanguage": {
  "sSearch": "<span>YOUR SEARCH TITLE HERE:</span> _INPUT_" //search
}

Answer 3

我发现这段代码会在数据表填充数据之前更改搜索标签（在我的例子中为“过滤结果：”）。

var dataTable_leSrch = $('#dataTable_leSrch').dataTable({
    "oLanguage": {
        "sSearch": "Filter results:"
    }
});

但是当我后来用数据填充 DataTable 时，标签恢复为“Search:”，因此我必须将此代码添加到我的 DataTable 配置中以保持标签更改：

function fillDataTable(res) {
if ($('#dataTable_leSrch').length !== 0) {
    $('#dataTable_leSrch').DataTable({
        fixedHeader: {
            header: true,
            headerOffset: $('#header').height()
        },
        oLanguage: {
            "sSearch": "Filter results:"
        },
        responsive: false,
        scrollX: true,
        scrollY: 400,
        scrollCollapse: true,
        select: true,
        destroy: true,
        aaData: res.data.Results,
        ...

Answer 4

在 Datatable Javascript 中(table = $dataTable.DataTable)添加以下代码：

language: {
  'search' : '' /*Empty to remove the label*/
}

我将搜索留空，因为我希望信息位于占位符中

ps：如果要添加占位符，请将以下代码放在Datatable初始化之外

$('.dataTables_filter input').attr("placeholder", "Zoeken...");