Javascript Jquery数据表主题隐藏页眉/页脚障碍
我正在尝试删除此表的页眉/页脚障碍 我试图删除的内容的图片: 此表的Jquery代码:Javascript Jquery数据表主题隐藏页眉/页脚障碍,javascript,jquery,html,datatable,Javascript,Jquery,Html,Datatable,我正在尝试删除此表的页眉/页脚障碍 我试图删除的内容的图片: 此表的Jquery代码: $(document).ready(function() { var oTable = $('#tableSmooth').dataTable({ "bFilter": false, //Disable search function "bJQueryUI": true, //Enable smooth theme "sPaginationType": "full
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter": false, //Disable search function
"bJQueryUI": true, //Enable smooth theme
"sPaginationType": "full_numbers" //Enable smooth theme
});
});
希望有人能帮忙 使用以下选项隐藏分页:
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter": false, //Disable search function
"bJQueryUI": true, //Enable smooth theme
"sPaginationType": "full_numbers", //Enable smooth theme
"bPaginate": false //hide pagination
});
});
希望这有帮助 我无法查看图像,但我假设您只想显示表并删除搜索、分页和信息功能 在dataTable声明中添加以下属性
"sDom": 't'
像这样的东西
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter": false, //Disable search function
"bJQueryUI": true, //Enable smooth theme
"sPaginationType": "full_numbers", //Enable smooth theme
"sDom": 't'
});
});
要返回,请将t替换为lfrtip
"sDom": 'lfrtip'
要显示某些功能,请将其用作
“sDom”:“
t”
l=长度变化
f=过滤输入
r=处理
t=表
i=信息
p=分页
查看更多详细信息我不熟悉jquery,但您不应该设置
style=“display:none;”
或style=“visibility:hidden;”
或使用removeChild(普通javascript)将其与DOM一起删除吗。也许你可以使用第一个和最后一个同级来选择页眉和页脚(只是一堆想法,很抱歉这样做还不能评论:)试试下面的方法!希望有帮助
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter" : false, //Disable search function
"bJQueryUI" : true, //Enable smooth theme
"sPaginationType" : "full_numbers", //Enable smooth theme
"bFilter" : false,
"bInfo" : false
});
});
通过js:
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter" : false,
"bJQueryUI" : true,
"sPaginationType" : "full_numbers",
"bPaginate": false,
"bInfo": false
});
});
或通过css:
/* these classes are generated by 'jquery.dataTables.js' */
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
display:none;
}
您可以将
bJQueryUI
设置为false
,这将去掉页眉和页脚的障碍部分
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter": false, //Disable search function
"bJQueryUI": false, //Enable smooth theme
"sPaginationType": "full_numbers" //Enable smooth theme
});
});
$('tfoot').remove()
删除页脚行。这件事让我困惑了一段时间
oTable = $('#datatable').dataTable({
bJQueryUI: true,
bFilter: false,
bInfo: false,
bPaginate: false,
sDom: 't'
});
这将删除搜索栏、分页、页眉和页脚。请提供您的标记。小提琴最有用。根据文件,你可以把它们关掉。谢谢你的awnser,只是它只调整顶栏的高度(不移除它),对下栏没有任何作用。然后:可能通过css移除它。将页眉和页脚设置为显示:无!是的,但问题是我该怎么做!据我所知,他们没有分配任何特殊ID。您也可以查看示例:只想指出正确的选项名称现在是
dom
,而不是sDom
。我猜您缺少一个
或#
来检查它是类还是id
$(document).ready(function() {
var oTable = $('#tableSmooth').dataTable({
"bFilter": false, //Disable search function
"bJQueryUI": false, //Enable smooth theme
"sPaginationType": "full_numbers" //Enable smooth theme
});
});