Jquery 数据表插件

Jquery 数据表插件,jquery,datatables,Jquery,Datatables,我已经在网站上看过了,但是我找不到如何将sInfo放入jQuery的datatables插件的表尾。我查阅了他们的文档,但什么也没看到。有什么想法吗 编辑帖子: $(document).ready(function() { $('#usersPageList').dataTable( { "sDom": 'rt<"pagination"p>', "iDisplayLength": 1, "sPaginationType": "full_numbers", }

我已经在网站上看过了,但是我找不到如何将sInfo放入jQuery的datatables插件的表尾。我查阅了他们的文档,但什么也没看到。有什么想法吗

编辑帖子:

$(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);  

});
$(文档).ready(函数(){
$('#usersPageList')。数据表({
“sDom”:“rt”,
“iDisplayLength”:1,
“sPaginationType”:“完整编号”,
} );
var info=$('.dataTables_info')
var clone=info.clone();
info.hide();
$('tfoot')。追加(克隆);
});
编辑帖子2:

你在找那个人吗

启用或禁用该表 信息显示。这表明 有关正在使用的数据的信息 当前在页面上可见, 包括有关已筛选的 如果正在执行该操作,则返回数据 表演


事实上,你需要对这个选项做一些调整。摘自文件:

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>'
此初始化变量允许您精确地指定数据表在DOM中的何处注入它添加到页面的各种控件(例如,您可能希望分页控件位于表的顶部)。还可以添加DIV元素(带或不带自定义类)以辅助样式设置。使用以下语法:
允许以下选项:
“l”-长度变化
“f”-过滤输入
“t”-桌子!
“i”-信息
“p”-分页
“r”-处理
允许使用以下常量:
'H'-jQueryUI主题“header”类('fg-toolbar ui小部件header ui corner tl ui corner tr ui helper clearfix'))
'F'-jQueryUI主题“页脚”类('fg-toolbar ui小部件页眉ui角bl ui角br ui帮助程序clearfix')
应使用以下语法:
''-div元素
''-带ID的div
示例:
'', ''
例如,如果您这样做(我假设您使用的是jQueryUIT),那么长度、过滤器和“处理…”(如果您启用了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);  

});
$(文档).ready(函数(){
$('#usersPageList')。数据表({
“sDom”:“rti”,//在此处添加i这是记录数
“iDisplayLength”:1,
“sPaginationType”:“完整编号”,
} );
var info=$('.dataTables_info')
$('tfoot')。追加(信息);
});

请注意“sinfo”,我可能会提供帮助。我要查找的主要部分是显示x行的x总计或其他内容。很抱歉,我以为我看到的是sinfo。但如何在表尾而不是页面中显示它footer@Jeff:该信息似乎显示在表格下方,但实际上并未显示在
tfoot
elemen中t、 那是你想要的地方吗?如果可能的话,我想让它在tfoot中很好地显示出来。不过我刚才看到了sInfo的位置。它就在这里。@Jeff:在表格呈现后,你可以手动将html移动到
tfoot
。为什么它在表格页脚中如此重要?但我说的是表格页脚我不知道会是什么样子。我更新了上面的帖子,向您展示了我的jquery代码,这并不是唯一解决当前问题的方法。这是因为您没有显示表信息:我编辑了我的答案,但最后一件事是,它不会随着每页显示这么多记录而更新。我编辑了我的答案,而不是使用克隆:以这种方式显示值正确更新