Отрегулируйте кнопки Prev и Next по углам таблицы

Question

У меня есть таблица данных с кнопками Previous и Next вверху и внизу таблицы.

У меня вопрос, как мне отрегулировать кнопку Previous в левом углу икнопка Next в правом углу независимо от ширины стола на данный момент это мой sDom

"sDom": '<"top"ifp<"clear">>rt<"bottom"p>',

tysm

Answer 1

Одним из способов является создание пользовательских кнопок для Prev и Next;затем добавьте его к dom ваших DataTables:

var table = $('#example').DataTable({
  pagingType: "simple",
  sDom: '<"top"if<"#top"><"clear">>rt<"#bottom">'
});

var cust_btn = '<div class="row custom_btn"><div class="col-xs-6 text-left"><div><button type="button" class="btn btn-default prev">Prev</button></div></div><div class="col-xs-6 text-right">   <div><button type="button" class="btn btn-default next">Next</button> </div></div></div>'
$('#bottom').append(cust_btn);
$('#top').append(cust_btn);


$('.next').on('click', function() {
  table.page('next').draw('page');
});

$('.prev').on('click', function() {
  table.page('previous').draw('page');
});

Прикрепите событие нажатия кнопки, затем используйте API страницы DataTables. Скрипка для справки.