el-table 自定义表尾
时间: 2023-11-07 07:03:41 浏览: 189
Vue的el-scrollbar实现自定义滚动
根据提供的引用内容,要自定义el-table的表尾,可以通过以下步骤实现:
1. 在页面部分的el-table标签中,设置ref属性为"tableRef",并根据需要设置表头和单元格的样式。
2. 在js部分的watch中,监控footerRight数据的变化。
3. 在监控回调函数中,通过this.$refs.tableRef.$refs.footerWrapper.querySelector('.el-table__footer')获取到表尾元素。
4. 判断表尾元素是否存在,如果存在,则对表尾元素的每个td进行遍历。
5. 在遍历过程中,通过querySelector获取到每个td的cell元素,并对其进行操作。
6. 可以根据需要设置cell元素的内容,比如使用innerHTML属性设置为需要的文本或元素。
7. 完成对表尾的自定义。
阅读全文