jQuery 數據表響應式按鈕

Question

我正在使用（很棒的）jQuery DataTables 插件，並且已經開始使用“響應式”擴展，以便它在各種設備等上都能很好地響應。

它工作正常，但是它添加了一些按鈕以允許展開每一行以顯示已隱藏的列。

然而，這實際上真的很煩人，因為它顯示了我故意沒有顯示的所有列，而且看起來也不理想（恕我直言）。

有人知道如何刪除這些按鈕嗎？

干杯，

傑克

Answer 1

我對文檔進行了更多或密集搜索，發現這些“擴展行”被稱為子行，可以按如下方式禁用。

最初我只是簡單地包括

"responsive": true,

在我的數據表中標記。 這些子行可能會被禁用：

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

Answer 2

我認為您可以覆蓋此按鈕的 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 */
}