Element UI Table 子级缩进实现 - 如何将子级类目往右缩进？

可以通过设置el-table-column的prop属性来实现子级往右缩进的效果。在子级el-table-column中，可以设置一个新的属性，例如subLevel，在模板中判断当前行是否有子级，如果有子级则设置subLevel的样式为padding-left: 20px，这样子级就会往右缩进一些，而不与父级左对齐。\n\n代码示例：\n\n<el-table-column label="类目名称" prop="categoryName" width="150">\n <template #default="{ row }">\n <div :style="{ paddingLeft: row.hasChildren ? '20px' : '0' }">\n {{ row.categoryName }}\n </div>\n </template>\n</el-table-column>\n\n\n这样子级的类目名称就会往右缩进一些，不与父级左对齐。