Плагин Datatables

Question

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

Редактировать сообщение:

$(document).ready(function() {

$('#usersPageList').dataTable( {
    "sDom": 'rt<"pagination"p>',
    "iDisplayLength": 1,
    "sPaginationType": "full_numbers",
} );

var info = $('.dataTables_info')
var clone = info.clone();
info.hide();
$('tfoot').append(clone);  

});

Редактировать сообщение 2:

Pastebin Code

Answer 1

На самом деле вам нужно немного поиграть с опцией sDom .Взято из документации:

This initialisation variable allows you to specify exactly where in the DOM you want DataTables to inject the various controls it adds to the page (for example you might want the pagination controls at the top of the table). DIV elements (with or without a custom class) can also be added to aid styling. The follow syntax is used:
The following options are allowed:

'l' - Length changing
'f' - Filtering input
't' - The table!
'i' - Information
'p' - Pagination
'r' - pRocessing
The following constants are allowed:
'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')
The following syntax is expected:
'<' and '>' - div elements
'<"class" and '>' - div with a class
'<"#id" and '>' - div with an ID
Examples:
'<"wrapper"flipt>', '<lf<t>ip>'

, например, если вы это делаете (я полагаю, вы используете jquery UI <"H" lfr> t <"F" ip>, у вас есть изменение длины, фильтр и«обработка ...» (если у вас включен ajax) в заголовке, у вас есть таблица, тогда у вас есть информация и нумерация страниц в нижнем колонтитуле. Если вы хотите, вы можете использовать буквы более одного раза, чтобы вы могли поставитьинформацию дважды или трижды, если хотите.

РЕДАКТИРОВАТЬ - в своем комментарии вы говорите, что хотите добавить tfoot вашей таблицы. В этом случае вы можете просто добавить ее вручную:

$(document).ready(function() {

$('#usersPageList').dataTable( {
    "sDom": 'rti<"pagination"p>',//add i here this is the number of records
    "iDisplayLength": 1,
    "sPaginationType": "full_numbers",
} );

var info = $('.dataTables_info')
$('tfoot').append(info);  

});

Answer 2

Вам нужна опция bInfo ?

Включение или отключение отображения информации о таблице.Это показывает информацию о данных, которые в настоящее время видны на странице, включая информацию о фильтрованных данных, если выполняется это действие.