elementui?el-table底層背景色修改簡單方法
更新時間：2023年10月09日 09:05:10 作者：樂~~~
最近在做項目的時候遇到個需求,需要修改el-table背景色,這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于elementui?el-table底層背景色修改的相關(guān)資料,需要的朋友可以參考下
1. 需求：僅修改當(dāng)前頁面的背景色，不修改所有el-table的背景色。
- 先給table添加類名（如class="styleTable"）
- 在style上面添加scoped
- 寫法：類名 ::v-deep .el-table類名{}
注意：給styleTable也設(shè)置背景色為透明才生效。
如下圖所示??
2. 需求：修改全局背景色
單獨創(chuàng)建一個css文件，給el-table th,el-table_cell等你要修改的類名添加背景色為透明；在每個vue頁面都引用此文件即可生效。
擴展 （也可以不用看）
1. 需求：設(shè)置table的最低高度
把padding的值設(shè)為0即可。
.el_table .el_table_cell{
padding:0px
}2. 怎么找是設(shè)置哪一個樣式的屬性？
F12打開控制臺，然后找到Elements，點擊【箭頭】選中表格，然后到它的屬性，我比較笨，我是一個一個試，最后發(fā)現(xiàn).el_table .el_table_cell 設(shè)置了就成功了。
此文檔僅供參考哈，鄙人也是剛踏進前端的門，可能寫的有誤，還請高人指導(dǎo)。??
總結(jié)
到此這篇關(guān)于elementui el-table底層背景色修改方法的文章就介紹到這了,更多相關(guān)elementui el-table底層背景色修改內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- 關(guān)于ElementUI el-table 鼠標(biāo)滾動失靈的問題及解決辦法
- ElementUI實現(xiàn)el-table行列合并的操作步驟
- ElementUI動態(tài)渲染el-table的實現(xiàn)過程
- elementui如何解決el-table重復(fù)寫loading問題
- elementui實現(xiàn)表格(el-table)默認(rèn)選中功能
- ElementUI?el-table?樹形數(shù)據(jù)的懶加載的實現(xiàn)
- vue2+elementui的el-table固定列會遮住橫向滾動條及錯位問題解決方案
- elementui el-table中如何給表頭 el-table-column 加一個鼠標(biāo)移入提示說明
相關(guān)文章
這篇文章主要介紹了Vue.prototype詳解及使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
ant-design-vue 時間選擇器賦值默認(rèn)時間的操作
這篇文章主要介紹了ant-design-vue 時間選擇器賦值默認(rèn)時間的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨過來看看吧2020-10-10
解決vue項目中前后端交互的跨域問題、nginx代理配置方式
這篇文章主要介紹了解決vue項目中前后端交互的跨域問題、nginx代理配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue中props的詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家介紹了vue實現(xiàn)前端展示后端實時日志帶顏色示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
vue動態(tài)加載SVG文件并修改節(jié)點數(shù)據(jù)的操作代碼
這篇文章主要介紹了vue動態(tài)加載SVG文件并修改節(jié)點數(shù)據(jù)的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
用vue實現(xiàn)注冊頁效果?vue實現(xiàn)短信驗證碼登錄
這篇文章主要為大家詳細(xì)介紹了用vue實現(xiàn)注冊頁，短信驗證碼登錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
Vue中props組件和slot標(biāo)簽的區(qū)別
props?和?slot?在?Vue?中的作用略有不同，props?更多地用于父子組件之間的數(shù)據(jù)傳遞，而?slot?則更多地用于組件的復(fù)用和擴展。感興趣的同學(xué)可以參考閱讀2023-04-04
在計算機技術(shù)中,指令是由指令集架構(gòu)定義的單個的CPU操作,在更廣泛的意義上,“指令”可以是任何可執(zhí)行程序的元素的表述,例如字節(jié)碼,下面這篇文章主要給大家介紹了關(guān)于Vue3指令是如何實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-01-01
Vue3如何自定義v-permission權(quán)限指令
這篇文章主要為大家詳細(xì)介紹了Vue3如何編寫一個?v-permission?指令來根據(jù)用戶權(quán)限動態(tài)控制元素的渲染,感興趣的小伙伴可以參考一下2024-12-12