目錄需求：方法1：方法2：方法3：總結(jié)需求：

設(shè)置el-table表頭的多選框隱藏或禁用，網(wǎng)上找的均造成即時生效，但刷新頁面時頁面會卡頓。

方法1：

直接使用css（scoped中）設(shè)置：

::v-deep .el-table__header-wrapper .el-checkbox { // display: none;//設(shè)置不成功，頁面卡頓 visibility: hidden;}方法2：

給el-table設(shè)置表頭屬性header-cell-class-name

leftheaderStyle({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {return 'seltAllbtnDis'; } },

css部分(scoped)：

::v-deep .seltAllbtnDis .cell { visibility: hidden; }

以上2種方法可隱藏全選框，效果如下：

方法3：

使用el-table的select-all方法，此方法為設(shè)置全選框禁用，非隱藏

//禁用全選框 selectAll() { this.$refs.MainTable.clearSelection(); },

效果：

總結(jié)

到此這篇關(guān)于Element-ui設(shè)置el-table表頭全選框隱藏或禁用的文章就介紹到這了,更多相關(guān)el-table表頭全選框隱藏或禁用內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！