el-table 固定列样式
时间: 2023-08-29 21:06:38 浏览: 181
Vue多种方法实现表头和首列固定的示例代码
回答: 要在el-table中固定列的样式,可以根据以下几种方法进行设置。首先,可以在想要固定的列上加上fixed属性,如果固定的列不是最左边或最右边的,需要将前面的列也加上固定属性,否则只给固定列加上fixed属性是不起作用的。\[1\]另外,你也可以使用封装的表格,在循环出列表的时候,给索引列加上fixed属性,例如使用el-table-column标签,设置width为固定宽度,label为"序号",type为"index",align为"center",并在template中使用scope.$index + 1来显示序号。\[2\]此外,你还可以使用两种方法来设置固定列的样式。一种方法是在el-table中设置cell-style属性,并在method中定义setRowStyle方法,根据row的状态来返回不同的样式,例如设置成功状态为绿色,失败状态为红色。另一种方法是在el-table-column中使用template来根据row的状态来显示不同的内容,并设置不同的样式,例如成功状态为绿色,失败状态为红色。\[3\]
#### 引用[.reference_title]
- *1* *2* [el-table设置指定列固定,不受滚动条影响](https://blog.csdn.net/weixin_49668076/article/details/124769459)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue之el-table某一列设置样式](https://blog.csdn.net/u010520146/article/details/116157081)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文