Javascript jQuery数据表响应按钮

Javascript jQuery数据表响应按钮,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用jquerydatatables插件,并且已经开始使用“Responsive”扩展,以便在各种设备上都能很好地响应 它工作正常,但是它添加了一些按钮,允许每一行展开以显示隐藏的列 然而,这实际上是非常恼人的,因为它显示了我故意没有显示的所有列以及看起来不理想的列(imho) 有人知道如何取下这些按钮吗 干杯 Jack我想您可以覆盖此按钮的CSS样式并对用户隐藏它: table.dataTable.dtr-inline.collapsed>tbody>tr>td:fir

我正在使用jquerydatatables插件,并且已经开始使用“Responsive”扩展,以便在各种设备上都能很好地响应

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

然而,这实际上是非常恼人的,因为它显示了我故意没有显示的所有列以及看起来不理想的列(imho)

有人知道如何取下这些按钮吗

干杯


Jack

我想您可以覆盖此按钮的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 */
}

我想您可以覆盖此按钮的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 */
}

我对文档进行了更多或更深入的搜索,发现这些“扩展行”被称为子行,可以按如下方式禁用

最初,我只是简单地将

"responsive": true,
标记在我的数据表中。可以通过以下方式禁用这些子行:

"responsive": {
    "details": false
},

我对文档进行了更多或更深入的搜索,发现这些“扩展行”被称为子行,可以按如下方式禁用

最初,我只是简单地将

"responsive": true,
标记在我的数据表中。可以通过以下方式禁用这些子行:

"responsive": {
    "details": false
},