element-plus 表格文字居中
时间: 2023-10-11 22:05:24 浏览: 420
element-plus(element-plus@2.8.1/element-plus-2.8.1) 本地离线资源
要使element-plus表格文字居中,你可以使用以下方法:
1. 对于单列的表头和内容居中,你可以在对应的列上添加align="center"属性。
例如:<el-table-column prop="name" label="商品名称" align="center" />
2. 对于表格的所有列的头和内容居中,你可以在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>
希望这些方法能够帮助到你。如果还有其他问题,请随时提问。
阅读全文