可編輯表 - 使最后一行不可編輯

Question

我正在關注此鏈接： Editable Table Jquery PHP with MYSQLi ，我大部分情況下都運行良好，但我希望我的最后一行不可編輯。 這是對上述數據求和的行。 是否有快速修復代碼的方法？

$(document).ready(function(){
    $('#editable_table').Tabledit({
        deleteButton: false,
        editButton: false,          
        columns: {
          identifier: [0, 'id'],                    
          editable: [[1, 'name'], [2, 'gender'], [3, 'age'], [4, 'designation'], [5, 'address']]
        },
        hideIdentifier: true,
        url: 'live_edit.php'        
    });
});

更新：忘了提到用戶可以向表中添加數據，所以最后一行不是固定數字。 我找到了這段代碼

Syntax: HTMLCollectionObject = table.rows;
lastRow = mytable.rows.item(mytable.rows.length-1);

但我不確定在哪里/如何使用它。

Answer 1

Tabledit 僅將tbody td轉換為可編輯字段，其他所有內容都被忽略。 參考： github 來源，

因此，為了防止單元格可編輯，請將其設置為<th>或將其移動到<tfoot>

在您的情況下，最簡單和最語義化的解決方案是創建一個<tfoot>來存儲總數。 類似於MDN 的 html 參考上的標記 - tfoot

---

注意：Tabledit 仍然會創建行的控件，即使沒有任何單元格是可編輯的。 這些按鈕不會 function，所以你可能想要：

要么：使用 Tabledit 的回調之一（ onDraw ， onAlways ，...）刪除它們

或者：簡單地用類似的東西隱藏它們： tfoot.tabledit-toolbar { display: none; } tfoot.tabledit-toolbar { display: none; }

---

很難說這些更改將如何影響您的添加按鈕，因為沒有實現添加功能的標准方法。 所以 YMMV 但這會讓你走上正確的道路。