Блог

Я использую таблицу групп строк PrimeNG и безуспешно пытаюсь выделить любую выбранную вложенную строку (один выбор) при нажатии.

Когда это произойдет, строка группы должна стать невыбранной (здесь Xuxue Fend), в то время как выбранная вложенная строка должна стать синей (здесь Fletcher Flosi).

Я попробовал другой подход (например, используя в id качестве dataKey ), но безуспешно: вложенная строка выделялась серым цветом при прохождении над ней, но она не становилась синей, когда я нажимал на нее.

   <p-table [value]="customers" sortField="representative.name" sortMode="single" 
      (onSort)="onSort()" selectionMode="single" [(selection)]="selectedCustomer"
      dataKey="id">
 

Извлечение JSON:

     {
      "id": 1019,
      "name": "Fletcher Flosi",
      "country": {
        "name": "Argentina",
        "code": "ar"
      },
      "company": "Post Box Services Plus",
      "date": "2016-01-04",
      "status": "renewal",
      "activity": 19,
      "representative": {
        "name": "Xuxue Feng",
        "image": "xuxuefeng.png"
      }
    },
 

Как это можно сделать ? Я использую последние версии Angular и PrimNG.