element-ui中如何給el-table的某一行或某一列加樣式
更新時間：2023年01月03日 09:44:22 作者：智慧綻放的女人
本文主要介紹了element-ui中怎么給el-table的某一行或某一列加樣式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
1.查閱element-ui官方文檔后我們發(fā)現(xiàn)有如下屬性 :cell-class-name：
2.為表格el-table添加該屬性，并指定函數(shù)名： :cell-class-name=“addClass”
通過addClass方法為指定行或列添加類名
3.在methods中定義addClass方法，給需要更改樣式的行或列添加類名：
addClass({row,column,rowIndex,columnIndex}){
if(rowIndex >=this.tableData.length-3){ //此判斷為最后三行
return 'addBorder'
}
if(columnIndex==0 || columnIndex==1){ //此判斷為前兩列
return 'addBorder'
}
}
4.在中設(shè)置指定css樣式：
.addBorder{
border-right: solid 1px #065B5B !important;
border-left: solid 1px #065B5B !important;
}
注：此樣式必須是全局樣式才會起作用，所以
到此這篇關(guān)于element-ui中怎么給el-table的某一行或某一列加樣式的文章就介紹到這了,更多相關(guān)element-ui中怎么給el-table的某一行或某一列加樣式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue.js列表渲染的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-05-05
把vue-router和express項目部署到服務(wù)器的方法
下面小編就為大家分享一篇把vue-router和express項目部署到服務(wù)器的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本文分享如何在Vue 3中實現(xiàn)一個簡單的歌詞滾動效果,我將從歌詞數(shù)據(jù)的處理開始,一步步介紹布局的搭建和事件的實現(xiàn),感興趣的朋友跟隨小編一起看看吧2024-02-02
這篇文章主要介紹了vuex中store的action和mutations用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家分享了vue多級多選菜單組件開發(fā)案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10![解決antd 下拉框 input [defaultValue] 的值的問題](http://img.jbzj.com/images/xgimg/bcimg5.png)
解決antd 下拉框 input [defaultValue] 的值的問題
這篇文章主要介紹了解決antd 下拉框 input [defaultValue] 的值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
下面小編就為大家分享一篇vue實現(xiàn)在表格里,取每行的id的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
最近遇見一個需要上傳超大大文件的需求,所以下面這篇文章主要給大家介紹了關(guān)于前端大文件上傳與下載(分片上傳)的詳細過程,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細介紹了vue定義模態(tài)框的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家介紹了LogicFlow內(nèi)置菜單插件實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01