中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

正規(guī)的合肥網(wǎng)站建設(shè)商家推廣平臺有哪些

正規(guī)的合肥網(wǎng)站建設(shè),商家推廣平臺有哪些,湛江seo排名,做網(wǎng)站公司哪家正規(guī)表格樣式修改 文章目錄 表格樣式修改一、表格背景顏色修改1、方法一2、方法二 二、多級表頭顏色修改 一、表格背景顏色修改 1、方法一 表格外套一個(gè) div &#xff0c;修改div的背景色&#xff0c;并將表格背景色設(shè)置為透明 參考代碼&#xff1a; <template><div cl…

表格樣式修改

文章目錄

  • 表格樣式修改
    • 一、表格背景顏色修改
      • 1、方法一
      • 2、方法二
    • 二、多級表頭顏色修改


一、表格背景顏色修改

1、方法一

表格外套一個(gè) div ,修改div的背景色,并將表格背景色設(shè)置為透明
參考代碼:

<template><div class="custom-table"><el-tablesize="mini"border:data="tableData":max-height="tableHeight"style="width: 100%"><el-table-columnv-for="(item, index) in tableColumns":key="index"v-bind="item"align="center"></el-table-column><el-table-columnlabel="操作"fixed="right"align="center"width="100"><template slot-scope="scope"><spanclass="del-btn"@click="emitEvent({eventName:'deleteItem',params:scope.row})">刪除</span></template></el-table-column>           </el-table></div>
</template><script>export default {props: { tableData: {type: Array,default: () => []},tableHeight: {},tableColumns: {default: () => []}},data() {return { }}, }
</script><style lang="less" scoped>.del-btn {color: #4597EB;cursor: pointer;}.custom-table /deep/ .el-table, .el-table__expaned-cell {background-color: transparent;}.custom-table /deep/ .el-table tr {background-color: transparent !important;}.custom-table /deep/  .el-table--enable-row-transition .el-table__body td, .el-table .cell{background-color: transparent;}.custom-table /deep/ .el-table th.el-table__cell {background: transparent !important; // 表頭背景透明}.el-table::before { //去除底部白線left: 0;bottom: 0;width: 100%;height: 0px;}
</style>

2、方法二

直接修改表格背景顏色

<template><div class="custom-table"><el-tablesize="mini"border:data="tableData":max-height="tableHeight"style="width: 100%"><el-table-columnv-for="(item, index) in tableColumns":key="index"v-bind="item"align="center"></el-table-column><el-table-columnlabel="操作"fixed="right"align="center"width="100"><template slot-scope="scope"><spanclass="del-btn"@click="emitEvent({eventName:'deleteItem',params:scope.row})">刪除</span></template></el-table-column>           </el-table></div>
</template><script>export default {props: { tableData: {type: Array,default: () => []},tableHeight: {},tableColumns: {default: () => []}},data() {return {}},methods: {emitEvent ({ eventName, params }) {this.$emit(eventName, params)}}, }
</script><style lang="less" scoped>.del-btn {color: #4597EB;cursor: pointer;}.custom-table {background: transparent;}.custom-table /deep/ .el-table th.el-table__cell,/deep/ .el-table tr,/deep/.el-table th {color: '#FFF'; // 表格字體顏色background: red; // 表格背景顏色}</style>

二、多級表頭顏色修改

<template><el-table :data="tableData" :header-cell-style="tableHeaderColor" border stripe>
</template><script>
export default {methods: {// 修改表頭顏色tableHeaderColor ({ rowIndex, columnIndex }) {if (rowIndex === 0 && columnIndex === 0) {return "background:#D9EAFFFF;";}if (rowIndex === 0 && columnIndex === 2) {return "background: #FFF0E1FF;";}if (rowIndex === 0 && columnIndex === 3) {return "background: #E0F5E9FF;";}if (rowIndex === 0 && columnIndex === 4) {return "background: #D9EAFFFF;";}if (rowIndex === 0 && columnIndex === 5) {return "background: #FFF0E1FF;";}if (rowIndex === 0 && columnIndex === 6) {return "background: #E0F5E9FF;";}},}
}
</script><style></style>
http://www.risenshineclean.com/news/52722.html

相關(guān)文章:

  • 住房與城鄉(xiāng)建設(shè)部網(wǎng)站職責(zé)營銷策劃案例
  • 免費(fèi)微商城平臺官網(wǎng)最優(yōu)化方法
  • 網(wǎng)站怎么做導(dǎo)航條新聞發(fā)布會稿件
  • wordpress加授權(quán)網(wǎng)絡(luò)優(yōu)化的基本方法
  • 用rp怎么做網(wǎng)站按鈕下拉菜單百度移動首頁
  • 簡述網(wǎng)站建設(shè)優(yōu)劣的評價(jià)標(biāo)準(zhǔn)外貿(mào)營銷網(wǎng)站
  • 網(wǎng)站免費(fèi)虛擬空間3小時(shí)百度收錄新站方法
  • 軟件開發(fā)是編程嗎windows優(yōu)化大師怎么用
  • 鄭州聯(lián)通網(wǎng)站備案百度競價(jià)推廣價(jià)格
  • 博樂建設(shè)工程信息網(wǎng)站南昌百度seo
  • 自學(xué)做網(wǎng)站的書網(wǎng)絡(luò)營銷七個(gè)步驟
  • 做網(wǎng)站時(shí)java都做什么網(wǎng)站到首頁排名
  • 注冊一個(gè)公司網(wǎng)站的費(fèi)用東莞推廣服務(wù)
  • dedecms采集規(guī)則各類網(wǎng)站網(wǎng)站生成器
  • 網(wǎng)站建設(shè)技術(shù)部獎懲制度快速建站網(wǎng)站
  • 用手機(jī)域名做網(wǎng)站有多少大數(shù)據(jù)精準(zhǔn)獲客軟件
  • 有哪個(gè)網(wǎng)站能賣自己做的衣服信息推廣平臺
  • 快速免費(fèi)做網(wǎng)站教育培訓(xùn)機(jī)構(gòu)有哪些
  • 做網(wǎng)站項(xiàng)目需要多少錢百度地圖推廣怎么做的
  • 做網(wǎng)站開發(fā)的有哪些公司好人工智能培訓(xùn)課程
  • 江蘇營銷型網(wǎng)站推廣網(wǎng)絡(luò)營銷組合策略
  • 洛陽網(wǎng)站建設(shè)哪家專業(yè)新聞源軟文推廣平臺
  • paypal綁定wordpressseo專業(yè)培訓(xùn)學(xué)費(fèi)多少錢
  • 長沙網(wǎng)站優(yōu)化方式代推廣平臺
  • 四川個(gè)人網(wǎng)站備案百度地圖客服人工電話
  • 怎樣將自己做的網(wǎng)站發(fā)布到外網(wǎng)上二維碼推廣賺傭金平臺
  • 著名網(wǎng)站設(shè)計(jì)師廣告設(shè)計(jì)需要學(xué)什么
  • 如何通過axure做網(wǎng)站架構(gòu)信息流推廣方式
  • 秦皇島網(wǎng)站制作長尾關(guān)鍵詞挖掘工具愛網(wǎng)站
  • 做app還是做微網(wǎng)站好成都seo