欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼

 更新時間：2024年01月23日 10:44:56   作者：博客zhu虎康  
這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧

需求

對于 element-plus 中的 table 進行表頭和內(nèi)容的居中顯示

分析

單列的表頭和內(nèi)容居中 ：
在對應(yīng)的那一列加上align=“center” 即可

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

表格的所有列表的頭和內(nèi)容居中:
在el-table上添加下面兩行即可

:cell-style=“{ textAlign: ‘center’ }”
:header-cell-style=“{ ‘text-align’: ‘center’ }”

<el-table 
	fit 
	:cell-style="{ textAlign: 'center' }" 
	:data="tableData" 
	style="
		width: 100%" 
		height="350"
       :header-cell-style="{
         background: '#f7f7f7',
         color: 'rgba(0,0,0,.85)',
         'font-weight': '500',
         'text-align': 'center'
       }" 
       v-loading="loading"
  >
     <el-table-column prop="name" label="商品名稱" />
  </el-table>

到此這篇關(guān)于element plus表格的表頭和內(nèi)容居中的文章就介紹到這了,更多相關(guān)element plus表格內(nèi)容居中內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論