文章詳情頁
Element-ui設(shè)置el-table表頭全選框隱藏或禁用
瀏覽:5日期:2022-06-12 18:51:11
目錄需求:方法1:方法2:方法3:總結(jié)需求:
設(shè)置el-table表頭的多選框隱藏或禁用,網(wǎng)上找的均造成即時(shí)生效,但刷新頁面時(shí)頁面會(huì)卡頓。
直接使用css(scoped中)設(shè)置:
::v-deep .el-table__header-wrapper .el-checkbox { // display: none;//設(shè)置不成功,頁面卡頓 visibility: hidden;}方法2:給el-table設(shè)置表頭屬性header-cell-class-name
css部分(scoped):
::v-deep .seltAllbtnDis .cell { visibility: hidden; }以上2種方法可隱藏全選框,效果如下:
使用el-table的select-all方法,此方法為設(shè)置全選框禁用,非隱藏
效果:
到此這篇關(guān)于Element-ui設(shè)置el-table表頭全選框隱藏或禁用的文章就介紹到這了,更多相關(guān)el-table表頭全選框隱藏或禁用內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
標(biāo)簽:
JavaScript
排行榜
