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