element-table 隐藏行


      <el-table
        ref="multipleTable"
        :data="vehicleList"
        border
        :show-header="true"
        max-height="180"
        @selection-change="handleSelectionChange"
        :row-class-name="rowClassName" //回调行 的样式,通过这个回调放法控制隐藏显示
      >
      </el-table>
    //每一行的回调方法
    rowClassName: function ({ row }) {
      if (!this.belongType) {
        return;
      }
      if (row.type !== this.belongType) {
        return "showRow";
      }
    },
::v-deep .showRow {
  display: none;
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM