Javascript 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

我正在尝试删除此表的页眉/页脚障碍

我试图删除的内容的图片:

此表的Jquery代码:

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