el-table 每5行间隔颜色分布

<el-table

          ref="filterTable"

          :data="tableList"

          :span-method="objectSpanMethod"

          border

          :height="tableHeight"

          :row-style="tableRowStyle"

          :header-cell-style="tableHeaderColor"

          :highlight-current-row="true"

          :row-class-name="tableRowClassName"//方法

          v-loading="loading"

          element-loading-text="拼命加载中"

          element-loading-spinner="el-icon-loading"

          element-loading-background="rgba(0, 0, 0, 0.8)"

        ></el-table>


// 表格背景颜色调用

    tableRowClassName({ row, rowIndex}) {

      var j = parseInt(rowIndex / 5);

      if (j % 2 === 0) {

        return "warning-row";

      } else{

        return "success-row";

}

},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容