element plus表格的表頭和內容居中的實現代碼
更新時間：2024年01月23日 10:44:56 作者：博客zhu虎康
這篇文章主要介紹了element plus表格的表頭和內容居中的實現代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
需求
對于 element-plus 中的 table 進行表頭和內容的居中顯示
分析
單列的表頭和內容居中 ：
在對應的那一列加上align=“center” 即可
<el-table-column prop="name" label="商品名稱" align="center" />
表格的所有列表的頭和內容居中:
在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>到此這篇關于element plus表格的表頭和內容居中的文章就介紹到這了,更多相關element plus表格內容居中內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
javascript延時重復執(zhí)行函數 lLoopRun.js
javascript延時重復執(zhí)行函數 lLoopRun.js...2007-06-06
jQuery與原生JavaScript選擇HTML元素集合用法對比分析
這篇文章主要介紹了jQuery與原生JavaScript選擇HTML元素集合用法,結合實例形式對比分析了jquery與原生JavaScript選擇頁面HTML相關操作方法、注意事項及運行效率,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了js實現點擊切換TAB標簽的方法,涉及javascript鼠標點擊事件及頁面元素的遍歷技巧,需要的朋友可以參考下2015-08-08
webstorm應該是目前最強的js編輯器了，結合sublime text可以很效率的開發(fā)項目。下面這篇文章主要給大家整理了一些Mac系統下Webstorm快捷鍵的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-05-05
js中for...in循環(huán)對象時輸出key值順序混亂問題解決
很久之前就有前輩告訴我用for...in循環(huán)對象屬性的順序不是固定的,xiam?這篇文章主要給大家介紹了關于js中for...in循環(huán)對象時輸出key值順序混亂問題解決方法,需要的朋友可以參考下2023-11-11
Bootstrap每天必學之按鈕組工具欄，本文講解的就是大家最為常用的按鈕組工具欄，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了Javascript中arguments用法,實例分析了javascript利用arguments實現模擬重載功能,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了利用原生JS實現歡樂水果機小游戲,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
js模擬彈窗效果代碼，用層實現提示效果代碼2008-04-04
這篇文章主要為大家介紹了JavaScript常見的五個內存錯誤，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01