将SmartTable的选定行设置为自定义颜色

import { Component } from '@angular/core';

@Component({
  selector: 'app-smart-table',
  template: `
    <ng2-smart-table [settings]="settings" [source]="data" 
      (userRowSelect)="onRowSelect($event)">
    </ng2-smart-table>
  `,
})
export class SmartTableComponent {
  data = [
    { id: 1, name: 'John Doe', age: 30 },
    { id: 2, name: 'Jane Smith', age: 25 },
    { id: 3, name: 'Bob Johnson', age: 35 },
  ];

  settings = {
    columns: {
      id: {
        title: 'ID',
      },
      name: {
        title: 'Name',
      },
      age: {
        title: 'Age',
      },
    },
    selectionMode: 'single',
  };

  onRowSelect(event: any) {
    // 获取选定行的索引和数据
    const selectedRowIndex = event.data.index;
    const selectedRowData = event.data;

    // 设置选定行的背景色为自定义颜色
    const selectedRowElement = document.querySelector(
      `tr[data-index="${selectedRowIndex}"]`
    );
    selectedRowElement.style.backgroundColor = 'your-custom-color';
  }
}