elementUI表格二级目录展示，自定义图标展开与收起

收起：

展开：

followListData数据格式： 

methods:{tableRowClassName() {return 'rowBg'},expend(row) {const $table = this.$refs.tablethis.followListData.map((item) => {if (row.followUpId !== item.followUpId) {$table.toggleRowExpansion(item, false)item.expansion = false} else {item.expansion = !item.expansion}})$table.toggleRowExpansion(row)},}

.followStyl {::v-deep .el-drawer {width: 900px !important;}::v-deep .el-drawer::-webkit-scrollbar {display: none !important;}::v-deep .el-drawer__header {padding: 16px 24px;margin-bottom: 0;.followTitle {font-size: 20px;color: #000;font-weight: 700;text-align: left;}}::v-deep .el-drawer__body {padding: 16px 24px;}::v-deep .el-table__expand-column .cell {display: none;}::v-deep .el-table .rowBg {background: #eee;box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);}::v-deep .has-gutter th .cell {color: #212631;font-size: 14px;font-weight: 700;}::v-deep .el-drawer__body::-webkit-scrollbar {display: none;}::v-deep .el-table__body-wrapper {max-height: 600px;overflow: auto;}::v-deep .el-table__body-wrapper::-webkit-scrollbar {display: none;}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！