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