elementui?el-table底層背景色修改簡(jiǎn)單方法
1. 需求：僅修改當(dāng)前頁(yè)面的背景色，不修改所有el-table的背景色。
- 先給table添加類(lèi)名（如class="styleTable"）
- 在style上面添加scoped
- 寫(xiě)法：類(lèi)名 ::v-deep .el-table類(lèi)名{}
注意：給styleTable也設(shè)置背景色為透明才生效。
如下圖所示??
2. 需求：修改全局背景色
單獨(dú)創(chuàng)建一個(gè)css文件，給el-table th,el-table_cell等你要修改的類(lèi)名添加背景色為透明；在每個(gè)vue頁(yè)面都引用此文件即可生效。
擴(kuò)展 （也可以不用看）
1. 需求：設(shè)置table的最低高度
把padding的值設(shè)為0即可。
.el_table .el_table_cell{
padding:0px
}2. 怎么找是設(shè)置哪一個(gè)樣式的屬性？
F12打開(kāi)控制臺(tái)，然后找到Elements，點(diǎn)擊【箭頭】選中表格，然后到它的屬性，我比較笨，我是一個(gè)一個(gè)試，最后發(fā)現(xiàn).el_table .el_table_cell 設(shè)置了就成功了。
此文檔僅供參考哈，鄙人也是剛踏進(jìn)前端的門(mén)，可能寫(xiě)的有誤，還請(qǐng)高人指導(dǎo)。??
總結(jié)
到此這篇關(guān)于elementui el-table底層背景色修改方法的文章就介紹到這了,更多相關(guān)elementui el-table底層背景色修改內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- 關(guān)于ElementUI el-table 鼠標(biāo)滾動(dòng)失靈的問(wèn)題及解決辦法
- ElementUI實(shí)現(xiàn)el-table行列合并的操作步驟
- ElementUI動(dòng)態(tài)渲染el-table的實(shí)現(xiàn)過(guò)程
- elementui如何解決el-table重復(fù)寫(xiě)loading問(wèn)題
- elementui實(shí)現(xiàn)表格(el-table)默認(rèn)選中功能
- ElementUI?el-table?樹(shù)形數(shù)據(jù)的懶加載的實(shí)現(xiàn)
- vue2+elementui的el-table固定列會(huì)遮住橫向滾動(dòng)條及錯(cuò)位問(wèn)題解決方案
- elementui el-table中如何給表頭 el-table-column 加一個(gè)鼠標(biāo)移入提示說(shuō)明
相關(guān)文章
詳解keep-alive + vuex 讓緩存的頁(yè)面靈活起來(lái)
這篇文章主要介紹了keep-alive + vuex 讓緩存的頁(yè)面靈活起來(lái)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Vue項(xiàng)目中解決數(shù)字精度丟失問(wèn)題
我們知道,浮點(diǎn)類(lèi)型的數(shù)據(jù),在計(jì)算機(jī)中是以二進(jìn)制的方式存儲(chǔ)的,但是表示的數(shù)據(jù)也有個(gè)上限和下限,當(dāng)超過(guò)限制?,在計(jì)算機(jī)上顯示只能取最接近的限值,?數(shù)字解析精度丟失說(shuō)的就是這個(gè)現(xiàn)象,所以本文給大家介紹了Vue項(xiàng)目中解決數(shù)字精度丟失問(wèn)題的解決,需要的朋友可以參考下2024-02-02
v-model通常用于input的雙向數(shù)據(jù)綁定,它并不會(huì)向子組件傳遞數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于vue2和vue3組件v-model區(qū)別的相關(guān)資料,需要的朋友可以參考下2023-06-06
vue基于echarts實(shí)現(xiàn)立體柱形圖
這篇文章主要為大家詳細(xì)介紹了vue基于echarts實(shí)現(xiàn)立體柱形圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
本文通過(guò)實(shí)例代碼給大家介紹了vue中的無(wú)限循環(huán)，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-09-09
vue實(shí)現(xiàn)todolist基本功能以及數(shù)據(jù)存儲(chǔ)功能實(shí)例詳解
本文通過(guò)實(shí)例代碼給大家介紹了vue實(shí)現(xiàn)todolist基本功能以及數(shù)據(jù)存儲(chǔ)功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
Vue 頁(yè)面跳轉(zhuǎn)不用router-link的實(shí)現(xiàn)代碼
這篇文章主要介紹了 Vue 頁(yè)面跳轉(zhuǎn)不用router-link的實(shí)現(xiàn)代碼，文中給大家介紹了vue router-link跳轉(zhuǎn)傳值示例,需要的朋友可以參考下2018-04-04
使用md5在vue中的axios請(qǐng)求時(shí)加密API問(wèn)題
這篇文章主要介紹了使用md5在vue中的axios請(qǐng)求時(shí)加密API問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
要想實(shí)現(xiàn)一個(gè)吸頂效果不是很難,網(wǎng)絡(luò)上有很多教程,其中有一種就是通過(guò)fiexd加top來(lái)實(shí)現(xiàn),今天突然就想做一個(gè)吸頂效果,因?yàn)樽罱荚谟胿ue,所以想用vue來(lái)做一個(gè)吸頂效果的案例,感興趣的朋友可以參考下2023-11-11
vue集成openlayers加載geojson并實(shí)現(xiàn)點(diǎn)擊彈窗教程
這篇文章主要為大家詳細(xì)介紹了vue集成openlayers加載geojson并實(shí)現(xiàn)點(diǎn)擊彈窗教程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09