修改el-table-column部分居中显示

最新推荐文章于 2024-06-02 15:45:53 发布

A-炜晨科技

最新推荐文章于 2024-06-02 15:45:53 发布

阅读量1.5k

点赞数 1

分类专栏： element-ui使用及修改文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_64630810/article/details/127092765

版权

element-ui使用及修改专栏收录该内容

22 篇文章 1 订阅

订阅专栏

样式图

代码实现:

在想居中的一列中加入 align="center"即可实现居中效果

 <el-table-column
          prop="project_count"
          label="总次数"
        align="center"
          show-overflow-tooltip>
</el-table-column>

        <el-table-column
          prop="re_num"
          width="150"
           align="center"
          label="剩余次数"
          show-overflow-tooltip
        ></el-table-column>