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