当前位置:   article > 正文

解决树形表格 第一列中文字没有对齐_element-plus 的树形表格有箭头列没有对齐

element-plus 的树形表格有箭头列没有对齐

 二级分类与一级分类的文字没有对齐

 

  1. <el-table
  2. :data="templateStore.hangyeList"
  3. style="width: 100%"
  4. row-key="id"
  5. :tree-props="{ children: 'subData', hasChildren: 'hasChildren' }"
  6. >
  7. <el-table-column prop="industryCode" label="选项编码" width="80px" />
  8. <el-table-column type="index" label="排序" width="100px" />
  9. <el-table-column prop="name" label="选项名称" />
  10. <el-table-column prop="isEnable" label="是否启用" width="100px">
  11. <template #default="{ row }">
  12. <span>{{ row.isEnable ? '是' : '否' }}</span>
  13. </template>
  14. </el-table-column>
  15. <el-table-column prop="createdTime" label="创建时间" />
  16. <el-table-column label="操作" width="300">
  17. <template #default="{ row }">
  18. <div>
  19. <el-button
  20. type="link"
  21. v-if="!row.parentId"
  22. @click="addclasshandle(row)"
  23. size="small"
  24. >新增二级分类模块
  25. </el-button>
  26. <el-button type="link" @click="Edit(row)" size="small">编辑
  27. </el-button>
  28. <el-button type="link" @click="del(row)" size="small">删除</el-button>
  29. </div>
  30. </template>
  31. </el-table-column>
  32. </el-table>

解决方法:

在第一列中添加右对齐即可:  align="right"

 

  1. <el-table-column
  2. align="right"
  3. prop="industryCode"
  4. label="选项编码"
  5. width="80px"
  6. />

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小桥流水78/article/detail/827204
推荐阅读
相关标签
  

闽ICP备14008679号