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是id的名称，在dataTable生成的div中

Answer 1

使用“oLanguage”的另一个答案是使用遗留DataTables api。根据DataTables v 1.10+ documentation，语法为：

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

Answer 2

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

$id = mysqli_insert_id($con);

Answer 3

我发现此代码会更改搜索标签（在我的情况下为＆＃34;过滤结果：＆＃34;在DataTable填充数据之前。

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

但是当我稍后使用数据填充DataTable时，标签还原为＆＃34;搜索：＆＃34;，所以我必须将此代码添加到我的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

在数据表Javascript (table = $dataTable.DataTable)内添加以下代码：

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

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

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

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

Answer 5

// Input text box will be appended at the end automatically
$(document).ready( function() {
  $('#example').dataTable( {
    "oLanguage": {
      "sSearch": "Filter records:"
    }
  } );
} );


// Specify where the filter should appear
$(document).ready( function() {
  $('#example').dataTable( {
    "oLanguage": {
      "sSearch": "Apply filter _INPUT_ to table"
    }
  } );
} );

有关更多详细信息，请检查此链接http://legacy.datatables.net/usage/i18n

Answer 6

尝试此更改标签搜索面板

$('#table_id').DataTable({
 "oLanguage": {
                "sSearch": "type somthing.. ",
            },

});

更改DataTable搜索标签

6 个答案: