ng-alain組件st表格，實現點擊表格行變色，或者渲染變色

實現點擊表格行變色

html文件

<st #st [data]="data" (change)="changeClick($event)" [columns]="columns" [page]="page" [widthMode]="STWidthMode" [scroll]="{ x: '350px', y: '400px' }">
              </st>

ts文件函數

 // 點擊表格行改變事件1
  changeClick(e: STChange) {
    if(this.lastItem){
      this.lastItem['_rowClassName'] = '';
    }
    this.setSelectEdit(true);
    // console.log(e)
    e.click.item['_rowClassName'] = 'sign-tr';
    this.lastItem = e.click.item;
  }
  // 點擊表格行改變事件2

less文件

::ng-deep{
  .sign-tr{
      background-color: #93cafe !important; 
  }
}

恕我直言，這玩意感覺有點慢

也很少有這種需求吧？？？？？

渲染變色；

下面的內容參考來自：https://blog.csdn.net/sinat_41806435/article/details/101534744

html中，增加 rowClassName屬性

<st #st [rowClassName]="rowClassName" [data]="url" [columns]="columns" [page]="page"></st>

根據某條件，返回類名

rowClassName(record: STData, index: number) { if(record.leftDay < 0) { return 'sign-tr'; } }

 css中

::ng-deep{
    .sign-tr{
        background-color: #fabeb9 !important; 
    }
}