Кнопки с номерами страниц dataTables развернуть

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

Я приложил скриншот проблемы.

Ниже приведена текущая кодировка, которая у меня есть.

<скрипт>

jQuery(документ).ready(функция($) {

// Инициализируем таблицы данных

$.fn.dataTable.ext.classes.sPageButton = 'кнопка-основная кнопка'; // Изменяем класс кнопки пагинации

} );

<скрипт>

var dataTables = $('#datatable').DataTable({

язык: {

разбивать на страницы: {

следующее: '',

предыдущее: ''

}

},

"sPaginationType": "full_numbers",

"info": "Показана страница PAGE из PAGES",

«длинаChange»: ложь,

"дом": 'lrtip',

«упорядочение»: ложь,

"прокруткаY": ложь

});

функция paginateScroll() {

$('html, body').animate({

ScrollTop: $(".dataTables_wrapper").offset().top

}, 300);

console.log('Нажата кнопка нумерации страниц'); //удаляем после проверки

$(".paginate_button").unbind('click', paginateScroll);

$(".paginate_button").bind('click', paginateScroll);

}

страницаПрокрутка();

$('#all').on('click', function () {

dataTables.columns(2).search("").draw();

});

$('#pendingsupport').on('click', function () {

dataTables.columns(2).search("ОЖИДАЕМАЯ ПОДДЕРЖКА").draw();

});

$('#open').on('click', function () {

dataTables.columns(2).search("ОТКРЫТЬ").draw();

});

$('#closed').on('click', function () {

dataTables.columns(2).search("ЗАКРЫТО").draw();

});