Question

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

我想删除的图片： enter image description here

此表的Jquery代码：

 $(document).ready(function() {
    var oTable = $('#tableSmooth').dataTable({
    "bFilter": false, //Disable search function
     "bJQueryUI": true, //Enable smooth theme
        "sPaginationType": "full_numbers" //Enable smooth theme
    });
    });

希望有人可以提供帮助！

Answer 1

我无法查看图片，但我假设您只想显示表格并删除搜索，分页和信息功能..

在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": '<"fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"的 LFR >的吨 <"fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"的 IP >'

l =长度变化

f =过滤输入

r = pRocessing

t =表

i =信息

p =分页

有关详细信息，请查看dataTables sDom Options

Answer 2

通过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;
}

JSFIDDLE

Answer 3

隐藏分页：

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

希望这有帮助！

Answer 4

我不熟悉jquery，但你不应该只使用removeChild（普通javascript）设置style="display: none;"或style="visibility: hidden;"或使用DOM删除它。也许你可以使用第一个和最后一个兄弟来选择页眉和页脚（只是一堆想法，抱歉这样做不能发表评论：）

Answer 5

尝试下面的内容！希望有所帮助！

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

Answer 6

您可以将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
    });
});

Answer 7

$（ 'TFOOT'）除去（）;

删除页脚行。这是我被困了一段时间的事情。

Answer 8

            oTable = $('#datatable').dataTable({
                bJQueryUI: true,
                bFilter: false, 
                bInfo: false,
                bPaginate: false,
                sDom: 't'
            });

这将删除搜索栏，分页，页眉和页脚。

Jquery Datatable主题隐藏页眉/页脚balk

8 个答案: