Angular 将不同的边框颜色应用于ngx数据表中颜色数组中每行的第一列

Angular 将不同的边框颜色应用于ngx数据表中颜色数组中每行的第一列,angular,ngx-datatable,Angular,Ngx Datatable,我有一套七种颜色,比如borderColor=['primary','accent','emphasis','warn','error','info','success']。我想给每行的第一列赋予不同的左边框颜色。如果行数大于7,则从第8行开始,将对borderColor数组序列中的每一行重复使用颜色。 注*还可以使用ngxdatatable的不同结构,在其中我们可以轻松获得行和列引用。我只需要有任何ngx数据表,在其中我可以显示每行的第一列,使其具有不同的边框颜色 HTML <ngx-d

我有一套七种颜色,比如borderColor=['primary','accent','emphasis','warn','error','info','success']。我想给每行的第一列赋予不同的左边框颜色。如果行数大于7,则从第8行开始,将对borderColor数组序列中的每一行重复使用颜色。 注*还可以使用ngxdatatable的不同结构,在其中我们可以轻松获得行和列引用。我只需要有任何ngx数据表,在其中我可以显示每行的第一列,使其具有不同的边框颜色

HTML

<ngx-datatable [columnMode]="'force'" [footerHeight]="50" [rows]="'BasicData.json' | async" [limit]="20">
      <ngx-datatable-column name="Id"></ngx-datatable-column>
      <ngx-datatable-column name="Name"></ngx-datatable-column>
      <ngx-datatable-column name="Gender"></ngx-datatable-column>
      <ngx-datatable-column name="Age"></ngx-datatable-column>
      <ngx-datatable-column name="City" prop="address.city"></ngx-datatable-column>
      <ngx-datatable-column name="State" prop="address.state"></ngx-datatable-column>
  </ngx-datatable>

[
  {
    "id": 0,
    "name": "Ramsey Cummings",
    "gender": "male",
    "age": 52,
    "address": {
      "state": "South Carolina",
      "city": "Glendale"
    }
  },
  {
    "id": 1,
    "name": "Stefanie Huff",
    "gender": "female",
    "age": 70,
    "address": {
      "state": "Arizona",
      "city": "Beaverdale"
    }
  },
  {
    "id": 2,
    "name": "Mabel David",
    "gender": "female",
    "age": 52,
    "address": {
      "state": "New Mexico",
      "city": "Grazierville"
    }
  },
  {
    "id": 3,
    "name": "Frank Bradford",
    "gender": "male",
    "age": 61,
    "address": {
      "state": "Wisconsin",
      "city": "Saranap"
    }
  },
  {
    "id": 4,
    "name": "Forbes Levine",
    "gender": "male",
    "age": 34,
    "address": {
      "state": "Vermont",
      "city": "Norris"
    }
  },
  {
    "id": 5,
    "name": "Santiago Mcclain",
    "gender": "male",
    "age": 38,
    "address": {
      "state": "Montana",
      "city": "Bordelonville"
    }
  },
  {
    "id": 6,
    "name": "Merritt Booker",
    "gender": "male",
    "age": 33,
    "address": {
      "state": "New Jersey",
      "city": "Aguila"
    }
  },
  {
    "id": 7,
    "name": "Oconnor Wade",
    "gender": "male",
    "age": 18,
    "address": {
      "state": "Virginia",
      "city": "Kenmar"
    }
  },
  {
    "id": 8,
    "name": "Leigh Beasley",
    "gender": "female",
    "age": 53,
    "address": {
      "state": "Texas",
      "city": "Alfarata"
    }
  },
  {
    "id": 9,
    "name": "Johns Wood",
    "gender": "male",
    "age": 52,
    "address": {
      "state": "Maine",
      "city": "Witmer"
    }
  },
  {
    "id": 10,
    "name": "Thompson Hays",
    "gender": "male",
    "age": 38,
    "address": {
      "state": "Nevada",
      "city": "Kipp"
    }
  },
  {
    "id": 11,
    "name": "Hallie Mack",
    "gender": "female",
    "age": 19,
    "address": {
      "state": "Minnesota",
      "city": "Darrtown"
    }
  },
  {
    "id": 12,
    "name": "Houston Santos",
    "gender": "male",
    "age": 24,
    "address": {
      "state": "Georgia",
      "city": "Crucible"
    }
  },
  {
    "id": 13,
    "name": "Brandy Savage",
    "gender": "female",
    "age": 65,
    "address": {
      "state": "Idaho",
      "city": "Nord"
    }
  },
  {
    "id": 14,
    "name": "Finch Barnett",
    "gender": "male",
    "age": 22,
    "address": {
      "state": "Ohio",
      "city": "Osmond"
    }
  },
  {
    "id": 15,
    "name": "Nicole Crosby",
    "gender": "female",
    "age": 77,
    "address": {
      "state": "Kentucky",
      "city": "Fairfield"
    }
  },
  {
    "id": 16,
    "name": "Carrie Mcconnell",
    "gender": "female",
    "age": 26,
    "address": {
      "state": "South Dakota",
      "city": "Waikele"
    }
  },
  {
    "id": 17,
    "name": "Ann James",
    "gender": "female",
    "age": 37,
    "address": {
      "state": "North Dakota",
      "city": "Siglerville"
    }
  },
  {
    "id": 18,
    "name": "Becky Sanford",
    "gender": "female",
    "age": 48,
    "address": {
      "state": "Massachusetts",
      "city": "Celeryville"
    }
  },
  {
    "id": 19,
    "name": "Kathryn Rios",
    "gender": "female",
    "age": 39,
    "address": {
      "state": "Delaware",
      "city": "Kylertown"
    }
  }]