Изменить язык пагинации в AdminLTE в плагине Datatables JQuery

AdminLTE использует плагин Datatables JQuery для сортировки, пагинации и прочих операций с таблицами, поэтому всё сводится к тому, чтобы только сделать нужные настройки. Настройки, с учетом перевода на русский язык, у меня выглядят так:

<script>
    $(function () {
 
        $('#product1').DataTable({
            'pagingType': "full_numbers",
            'paging': true,
            'lengthChange': true,
            'searching': true,
            'ordering': true,
            'info': true,
            'autoWidth': true,
            "iDisplayLength": 20,
            "language": {
                "infoFiltered":   "(Отфильтровано _MAX_ записей)",
                "zeroRecords":    "Записей не найдено",
                "info": "Показано с _START_ по _END_ записей из _TOTAL_",
                "lengthMenu": "Показывать _MENU_ записей на странице",
                "infoEmpty": "Нет записей.",
                "search": "Поиск:",
                "paginate": {
                    "first": "Первая",
                    "previous": "Предыдущая",
                    "last": "Последняя",
                    "next": "Следующая"
                }
            }
        })
    })
</script>

Как видно, это настройки для таблицы с id=’product1′. Блок перевода находится в секции language. Сами настройки означают следующее:
pagingType — вид пагинации. Может принимать значения такие значения:
numbers — только номера страниц — 1,2,3 и т.д;
simple — только кнопки ‘Предыдущая’ и ‘Следующая’, больше ничего;
simple_numbers — кнопки номеров страниц и кнопки ‘Предыдущая’ и ‘Следующая’;
full — кнопки ‘Первая’, ‘Предыдущая’, ‘Следующая’ и ‘Последняя’;
full_numbers — кнопки ‘Первая’, ‘Предыдущая’, ‘Следующая’ и ‘Последняя’ и кнопки страниц;
first_last_numbers — кнопки ‘Первая’и ‘Последняя’ и кнопки страниц.

‘paging’: true — показывать пагинацию;
‘lengthChange’: true — показывать компонент SELECT с выбором количества записей на странице;
‘searching’: true — показывать компонент INPUT для поиска в таблице;
‘ordering’: true — показывать стрелки сортировки в таблице;
‘info’: true — показывать информацию о количестве отображаемых записей в таблице;
‘autoWidth’: true — автоширина колонок в таблице;
‘iDisplayLength’: 20 — количество записей на странице по умолчанию.

В секции language находится перевод выводимых строк при пагинации, поэтому комментарии тут не нужны.

Вам понравиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *