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>
目录
相关文章
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1692 0
|
5月前
表格的表头
表格的表头。
31 4
|
6月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
565 0
Element UI & Element Plus之改变表格单元格颜色
|
6月前
|
设计模式 开发框架 前端开发
在DevExpress中使用BandedGridView表格实现多行表头的处理
在DevExpress中使用BandedGridView表格实现多行表头的处理
|
7月前
Element UI 表格翻页全选
Element UI 表格翻页全选
42 0
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
1225 0
|
9月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
9月前
element plus 表格组件怎样在表格中显示图片
element plus 表格组件怎样在表格中显示图片
346 0
element-ui表格数据样式及格式化
element-ui表格数据样式及格式化
139 2
|
JavaScript
EasyUI的datagrid每行数据添加操作按钮的方法
EasyUI的datagrid每行数据添加操作按钮的方法
280 0