日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

修改(elementui)el-table底層背景色

作者:樂(lè)~~~ 更新時(shí)間: 2023-07-29 編程語(yǔ)言

1. 需求:僅修改當(dāng)前頁(yè)面的背景色,不修改所有el-table的背景色。

  1. 先給table添加類名(如class="styleTable")

  1. 在style上面添加scoped

  1. 寫法:類名 ::v-deep .el-table類名{}

注意:給styleTable也設(shè)置背景色為透明才生效。

如下圖所示??

2. 需求:修改全局背景色

單獨(dú)創(chuàng)建一個(gè)css文件,給el-table th,el-table_cell等你要修改的類名添加背景色為透明;在每個(gè)vue頁(yè)面都引用此文件即可生效。

擴(kuò)展 (也可以不用看)

  1. 需求:設(shè)置table的最低高度

把padding的值設(shè)為0即可。

.el_table .el_table_cell{
   padding:0px
}

2. 怎么找是設(shè)置哪一個(gè)樣式的屬性?

F12打開控制臺(tái),然后找到Elements,點(diǎn)擊【箭頭】選中表格,然后到它的屬性,我比較笨,我是一個(gè)一個(gè)試,最后發(fā)現(xiàn).el_table .el_table_cell 設(shè)置了就成功了。

此文檔僅供參考哈,鄙人也是剛踏進(jìn)前端的門,可能寫的有誤,還請(qǐng)高人指導(dǎo)。??

原文鏈接:https://blog.csdn.net/CMDN123456/article/details/129195343

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新