Как отделить работу таблицы?

Question

[Aison]

Приветствую) Ребят, как можно отделить работу таблицы Если две точно таких же таблицы находятся на одной странице, то работает только одна, если вызвать функцию поиска во второй таблице, то функция будет вызвана в первой таблице.

Может где ID прописать или что-то подобное?

Comments

[Антон]

Инициализация таблиц по ID идет? Если так, сменить на класс в ините и собстна, дать класс таблицам

[BATPYIIIKOB]

В примере у тебя одна таблица. Покажи, что в коде...
И ещё если несколько таблиц - то должны иметь разные id

[Aison]

BATPYIIIKOB, эту таблицу я размещаю ниже т.е два раза.

[BATPYIIIKOB]

Aison, значит одинаковые id. Должны отличаться! Нельзя допускать в html два одинаковых ID

[Aison]

BATPYIIIKOB, только я не пойму, где меняется ИД) это не мой код, но я хочу использовать эту таблицу для проекта

[BATPYIIIKOB]

Aison, <table id="datatable"> на <table id="datatable2">

[BATPYIIIKOB]

Aison, также в JS сделай копию с заменой #datatable на новый, допустим #datatable2

$(document).ready(function() {
  $('#datatable').dataTable({
    "oLanguage": {
      "sStripClasses": "",
      "sSearch": "",
      "sSearchPlaceholder": "Enter Keywords Here",
      "sInfo": "_START_ -_END_ of _TOTAL_",
      "sLengthMenu": '<span>Rows per page:</span><select class="browser-default">' +
        '<option value="10">10</option>' +
        '<option value="20">20</option>' +
        '<option value="30">30</option>' +
        '<option value="40">40</option>' +
        '<option value="50">50</option>' +
        '<option value="-1">All</option>' +
        '</select></div>'
    },
    bAutoWidth: false
  });



  $('#datatable2').dataTable({
    "oLanguage": {
      "sStripClasses": "",
      "sSearch": "",
      "sSearchPlaceholder": "Enter Keywords Here",
      "sInfo": "_START_ -_END_ of _TOTAL_",
      "sLengthMenu": '<span>Rows per page:</span><select class="browser-default">' +
        '<option value="10">10</option>' +
        '<option value="20">20</option>' +
        '<option value="30">30</option>' +
        '<option value="40">40</option>' +
        '<option value="50">50</option>' +
        '<option value="-1">All</option>' +
        '</select></div>'
    },
    bAutoWidth: false
  });

});

[Aison]

BATPYIIIKOB, Спасибо. Работает. Только, при обновлении страницы появляется после нажатия на "ок" всё робит

[BATPYIIIKOB]

Aison, попробуй добавить в инициализацию таблиц параметр:
bDestroy:true

Будет нечто такое:

$('#datatable2').dataTable({
     bDestroy: true,
    "oLanguage": {
      "sStripClasses": "",
      "sSearch": "",
      "sSearchPlaceholder": "Enter Keywords Here",
      "sInfo": "_START_ -_END_ of _TOTAL_",
      "sLengthMenu": '<span>Rows per page:</span><select class="browser-default">' +
        '<option value="10">10</option>' +
        '<option value="20">20</option>' +
        '<option value="30">30</option>' +
        '<option value="40">40</option>' +
        '<option value="50">50</option>' +
        '<option value="-1">All</option>' +
        '</select></div>'
    },

[Aison]

BATPYIIIKOB, к сожалению не робит(