element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼
更新時間：2024年01月23日 10:44:56 作者：博客zhu虎康
這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實現(xiàn)代碼,本文給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
需求
對于 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)文章
waypoints的功能非常強大，一款用于捕獲各種滾動事件的插件，下面跟隨腳本之家小編一起學(xué)習JS庫之Waypoints的用法吧2017-09-09
JavaScript Promise與async/await作用詳細講解
Promise是異步編程的一種解決方案：從語法上講，promise是一個對象，從它可以獲取異步操作的消息；從本意上講，它是承諾，承諾它過一段時間會給你一個結(jié)果2023-01-01
JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解
這篇文章主要介紹了JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2020-06-06
js一般方法改寫成面向?qū)ο蠓椒ǖ臒o限級折疊菜單示例代碼
本例是應(yīng)用別人的例子，原來那位老兄是用一般方法寫成的無限級折疊菜單，通過了一些簡化修改，將原來的例子改成了面向?qū)ο蟮姆绞?/div> 2013-07-07
Echarts通過dataset數(shù)據(jù)集實現(xiàn)創(chuàng)建單軸散點圖
這篇文章主要為大家詳細介紹了Echarts如何通過dataset數(shù)據(jù)集實現(xiàn)創(chuàng)建單軸散點圖，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學(xué)習一下2023-02-02
這篇文章主要介紹了JS實現(xiàn)系統(tǒng)登錄頁的登錄和驗證，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2019-04-04
javascript在當前窗口關(guān)閉前檢測窗口是否關(guān)閉
檢測窗口是否關(guān)閉，在當前窗口關(guān)閉前使用js做到這一點，下面是具體的實現(xiàn)，感興趣的朋友可以參考下2014-09-09
僅IE9/10同時支持script元素的onload和onreadystatechange事件分析
測試結(jié)果可以看出，IE9后已經(jīng)開始支持script的onload事件了。一直以來我們判斷js文件是否已經(jīng)加載完成就是用以上的兩個事件。2011-04-04
這篇文章主要為大家詳細介紹了JS實現(xiàn)購物車基本功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
在前端開發(fā)的過程中,我們經(jīng)常會遇到需要對于輸入的字符串進行格式化處理,這篇文章主要給大家介紹了關(guān)于使用js去除字符串內(nèi)所帶有空格的三種方法,需要的朋友可以參考下2023-10-10最新評論