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

學無先后,達者為師

網站首頁 編程語言 正文

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

作者:樂~~~ 更新時間: 2023-07-29 編程語言

1. 需求:僅修改當前頁面的背景色,不修改所有el-table的背景色。

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

  1. 在style上面添加scoped

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

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

如下圖所示?

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

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

擴展 (也可以不用看)

  1. 需求:設置table的最低高度

把padding的值設為0即可。

.el_table .el_table_cell{
   padding:0px
}

2. 怎么找是設置哪一個樣式的屬性?

F12打開控制臺,然后找到Elements,點擊【箭頭】選中表格,然后到它的屬性,我比較笨,我是一個一個試,最后發現.el_table .el_table_cell 設置了就成功了。

此文檔僅供參考哈,鄙人也是剛踏進前端的門,可能寫的有誤,還請高人指導。?

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

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