jQuery数据表响应按钮

时间:2015-09-08 19:09:26

标签: javascript jquery datatables

我正在使用(梦幻般的)jQuery DataTables插件,并开始使用“响应式”扩展程序,以便它在各种设备上响应良好等。

它工作正常但是它添加了一些按钮以允许每行展开以显示已隐藏的列。

然而,这实际上真的很烦人,因为它显示了我故意不显示的所有列以及不理想的列(imho)。

有人知道如何删除这些按钮吗?

干杯,

杰克

1 个答案:

答案 0 :(得分:1)

我可以覆盖此按钮的CSS样式并将其隐藏起来:

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    display:none
}

还要更改单元格的填充:

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {        
    padding-left: 10px; /* Instead of 30px */
}