Изменение метки поиска DataTable

Была попытка изменить поиск: для фильтра: в моем datatable, который я создал.

Я попробовал это, что нашел:

$(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, внутри div, которое создается dataTable

Ответ 1

В другом ответе, использующем "oLanguage", используется устаревший DataTables api. Согласно документации DataTables v 1.10+ , синтаксис:

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

Ответ 2

очень просто, просто поместите этот параметр, когда вы вызываете функцию таблицы данных:

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

Ответ 3

Я обнаружил, что этот код изменит метку поиска (в моем случае это "Фильтр результатов"), прежде чем DataTable будет заполнен данными.

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,
        ...

Ответ 4

Внутри Datatable Javascript (table = $dataTable.DataTable) добавьте следующий код:

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

Я оставил поиск пустым, потому что я хотел, чтобы информация была в Placeholder

Ps: Если вы хотите добавить заполнитель, поместите следующий код вне инициализации Datatable

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

Ответ 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