ag-gride-vue

1. 设置行样式

 <div class="service-table">
      <AgBasicTable
        v-loading="tableLoading"
        :columns="getColumns()"
        style="height:100%"
        :suppressCellSelection="true"
        :tableData="tableData"
        :key="`service-record${recordNum}`"
        :rowClassName="setRowClass"
        customOverlayNoRowsTemplate="暂无数据"
      />
    </div>

  setRowClass({ data }) {
      let clazz = "";
      if (data.recordStatus == "03") {
        clazz = "delete-row";
      }
      return clazz;
    },

 .service-table {
    flex: 1;
    padding: 10px;
    /deep/.delete-row {
      & > div {
        background: rgba(0, 0, 0, 0.15) !important;
      }
    }
  }