Jquery Datatable主题隐藏页眉/页脚balk [英] Jquery Datatable theme Hide header/footer balk

查看:985
本文介绍了Jquery Datatable主题隐藏页眉/页脚balk的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图删除此表的标题/页脚balk

我试图删除的图片:



此表的Jquery代码:


$ b $

  $(document).ready(function(){
var oTable = $('#tableSmooth')。dataTable({ b $ bbFilter:false,//禁用搜索功能
bJQueryUI:true,//启用平滑主题
sPaginationType:full_numbers//启用平滑主题
} );
});

希望有人可以帮忙!

解决方案

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



在dataTable声明中添加以下属性:

 sDom:'t'

有些事情是这样的

  $(document).ready(function(){
var oTable = $('#tableSmooth')。dataTable({
bFilter:false,//禁用搜索功能
bJQueryUI:true,//启用平滑主题
sPaginationType:full_numbers,//启用平滑主题
sDom:'t'
});
});

若要取回 t ,请使用 lfrtip

 sDom:'lfrtip'

要显示某些功能,请使用它作为

sDom:'<fg-工具栏ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix lfr > t <fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix / code> ip >'
$ b


l =长度变化

f =过滤输入

r =处理

t =表b / b
$ b $ i =信息

p =分页


查看 dataTables sDom选项了解更多详情


I am trying to remove the header/footer balk of this table

Picture of what I am trying to remove:

The Jquery code of this table:

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

Hope someone can help!

解决方案

I am not able to view the image, But I am assuming that you want only to display the table and remove the search,paging and info features..

Add the following attribute in the dataTable declaration

"sDom": 't'

Some thing like this

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

To get Back replace t with lfrtip

"sDom": 'lfrtip'

To display some of the features use it as

"sDom": '<"fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lfr>t<"fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>'

l= Length changing

f= Filtering input

r= pRocessing

t= Table

i= Info

p= Pagination

Have a look at dataTables sDom Options for more details

这篇关于Jquery Datatable主题隐藏页眉/页脚balk的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆