layui整个表格只读

要将整个表格设置为只读，可以通过以下步骤实现。首先，在表单的HTML代码中，将所有需要设置为只读的输入框的属性readonly设置为"readonly"，例如在代码中的<input>标签中添加readonly="readonly"属性。这样就可以将输入框设置为只读状态。其次，在渲染表格的JavaScript代码中，可以通过添加done:function()方法来设置表格的只读样式。具体代码如下：

done: function (res, curr, count) {
  var that = this.elem.next();
  res.data.forEach(function (item, index) {
    var tr = that.find(".layui-table-box tbody tr\[data-index='" + index + "'\]");
    tr.find("input").attr("readonly", "readonly");
    tr.css("background-color", "#F6F6F6");
  });
}

在这段代码中，通过遍历表格的每一行，找到对应的输入框元素，并将其设置为只读状态。同时，还可以设置表格行的背景色为灰色，以示只读状态。这样就可以将整个表格设置为只读状态。
#### 引用[.reference_title]
- *1* *3* [layUI学习之路](https://blog.csdn.net/qq_41355005/article/details/107212252)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Layui数据表格通过判断行中的字段值来进行数据行样式的改变](https://blog.csdn.net/my2889214412/article/details/112494888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]