element plus表格的表头和内容居中

简介: element plus表格的表头和内容居中

单列的表头和内容居中 :

在对应的那一列加上align="center" 即可

<el-table-column prop="name" label="商品名称" align="center" />

表格的所有列表的头和内容居中:

el-table上添加下面两行即可

:cell-style="{ textAlign: 'center' }"
:header-cell-style="{ 'text-align': 'center' }"
<el-table
       :data="goodsList.goodsTable"
       style="width: 100%"
       empty-text="暂无数据"
       :cell-style="{ textAlign: 'center' }"
       :header-cell-style="{ 'text-align': 'center' }"
        >
          <el-table-column prop="name" label="商品名称" />
  </el-table>
目录
相关文章
openpyxl 一行代码批量修改单元格属性、修改全部单元格属性 、设置自动换行、修改全部单元格style为自动换行
openpyxl 一行代码批量修改单元格属性、修改全部单元格属性 、设置自动换行、修改全部单元格style为自动换行
259 0
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1670 0
|
4月前
表格的表头
表格的表头。
27 4
|
4月前
单元格里的内容
单元格里的内容。
29 1
|
5月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
497 0
Element UI & Element Plus之改变表格单元格颜色
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
1127 0
|
8月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
8月前
element plus 表格组件怎样在表格中显示图片
element plus 表格组件怎样在表格中显示图片
309 0
element-ui表格数据样式及格式化
element-ui表格数据样式及格式化
125 2
|
JSON 前端开发 JavaScript
bootstrap table表格内容居中对齐
bootstrap table表格内容居中对齐
104 0

热门文章

最新文章

下一篇
开通oss服务