单列的表头和内容居中 :
在对应的那一列加上align="center"
即可文章来源:https://www.toymoban.com/news/detail-636511.html
<el-table-column prop="name" label="商品名称" align="center" />
表格的所有列表的头和内容居中:
在el-table上添加下面两行即可文章来源地址https://www.toymoban.com/news/detail-636511.html
: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 plus表格的表头和内容居中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!