摆脱数据表中的复制按钮和页眉/页脚

时间:2014-03-17 18:52:48

标签: jquery html css datatables

嗨,我想知道是否有人可以帮我解决这个问题。我试图摆脱图片中显示的数据表的页眉/页脚,但即使有在线的所有帮助,我似乎无法摆脱它。这是我的表的选项 enter image description here

this.dataTableOptions = {
                    aoColumns: [
                            { mDataProp : 'AccountId',          sTitle : 'accntId',           sWidth: '0px',   bSortable : false,   bVisible : false },
                            { mDataProp : 'CampaignId',         sTitle : 'campId',            sWidth: '0px',   bSortable : false,   bVisible : false },
                            { mDataProp : null,                 sTitle : '',                  sWidth: '5%',    bSortable : false,   sDefaultContent : ''},
                            { mDataProp : 'AccountName',        sTitle : 'Account',           sWidth: '20%',   bSortable : true},
                            { mDataProp : 'CampaignName',       sTitle : 'Campaign',          sWidth: '20%',   bSortable : true},
                            { mDataProp : null,                 sTitle : 'Analysis',          sWidth: '60%',   bSortable : false,   sDefaultContent : ''}
                    ],
    //                sDom: 't',
                    bDestroy: true,  
                    bStateSave: false, 
                    bAutoWidth: false,
                    bFilter : false,
                    bLengthChange : false,
                    bInfo : false,
                    bPaginate : false,
                    oLanguage: {
                        sZeroRecords: 'No campaigns matched your search criteria',
                        sEmptyTable: 'No campaigns were found in the specified account'
                    },

1 个答案:

答案 0 :(得分:0)

我不确定复制按钮的来源。这似乎与你不应该使用的plugin有关(它使用闪存并会破坏你安装了flashblocker的用户的布局)。

使用您的设置并应用默认css时,不应显示头部或脚部。 请参阅此Plunker

如果你想摆脱tHead,你应该简单地将它设置为display:none

<thead style="display:none">

或许告诉我们您的完整选项代码以及您正在使用的CSS。