Initialisation many dataTables in one script

Initialisation many dataTables in one script

Anton25051986Anton25051986 Posts: 1Questions: 1Answers: 0

Hello! I want to know - is the way to initialise meny dsts tables in one script? For example - now i initialize 2 data tables like this:

$(document).ready(function() {

        $('#personnel_table').dataTable(  {

language: {

"processing": "Подождите...",
"search": "Поиск:",
"lengthMenu": "Показать MENU записей",
"info": "Записи с START до END из TOTAL записей",
"infoEmpty": "Записи с 0 до 0 из 0 записей",
"infoFiltered": "(отфильтровано из MAX записей)",
"infoPostFix": "",
"loadingRecords": "Загрузка записей...",
"zeroRecords": "Записи отсутствуют.",
"emptyTable": "В таблице отсутствуют данные",
"paginate": {
"first": "Первая",
"previous": "Предыдущая",
"next": "Следующая",
"last": "Последняя"
},
"aria": {
"sortAscending": ": активировать для сортировки столбца по возрастанию",
"sortDescending": ": активировать для сортировки столбца по убыванию"
}
}
} );

        } );

$(document).ready(function() {

        $('#users_table').dataTable(  {

language: {

"processing": "Подождите...",
"search": "Поиск:",
"lengthMenu": "Показать MENU записей",
"info": "Записи с START до END из TOTAL записей",
"infoEmpty": "Записи с 0 до 0 из 0 записей",
"infoFiltered": "(отфильтровано из MAX записей)",
"infoPostFix": "",
"loadingRecords": "Загрузка записей...",
"zeroRecords": "Записи отсутствуют.",
"emptyTable": "В таблице отсутствуют данные",
"paginate": {
"first": "Первая",
"previous": "Предыдущая",
"next": "Следующая",
"last": "Последняя"
},
"aria": {
"sortAscending": ": активировать для сортировки столбца по возрастанию",
"sortDescending": ": активировать для сортировки столбца по убыванию"
}
}
} );

        } );

as you see - they have the same structure... So i want to use array to try initialise them like this:

$(document).ready(function() {

        $('#users_table').dataTable,
                    $('#personnel_table').dataTable

( {

language: {

"processing": "Подождите...",
"search": "Поиск:",
"lengthMenu": "Показать MENU записей",
"info": "Записи с START до END из TOTAL записей",
"infoEmpty": "Записи с 0 до 0 из 0 записей",
"infoFiltered": "(отфильтровано из MAX записей)",
"infoPostFix": "",
"loadingRecords": "Загрузка записей...",
"zeroRecords": "Записи отсутствуют.",
"emptyTable": "В таблице отсутствуют данные",
"paginate": {
"first": "Первая",
"previous": "Предыдущая",
"next": "Следующая",
"last": "Последняя"
},
"aria": {
"sortAscending": ": активировать для сортировки столбца по возрастанию",
"sortDescending": ": активировать для сортировки столбца по убыванию"
}
}
} );

        } );

Can you tell me - how to make it good way? because my example is wrong(((

Answers

  • jr42.gordonjr42.gordon Posts: 305Questions: 2Answers: 49

    Change to following

    $('#users_table, #personnel_table').dataTable
    
  • jr42.gordonjr42.gordon Posts: 305Questions: 2Answers: 49

    However, if you plan on performing actions to each table separately, then I would suggest the following

    USERS_DT = initDT('#users_table');
    PERSONNEL_DT = initDT('#personnel_table');
    
    function initDT(id) {
       return $(id).dataTable({
          // config options
       });
    }
    
This discussion has been closed.