Переключатель внутри таблицы с CDK Table / Material Design - PullRequest
Новая
       24

Переключатель внутри таблицы с CDK Table / Material Design

0 голосов
/ 02 октября 2018

Я на самом деле пытаюсь вставить группу переключателей в компонент таблицы таблицы CDK / дизайн материала. См. Ожидаемое изображение / результат

https://stackblitz.com/angular/qxkmjjxrlrm?file=app%2Ftable-sticky-header-example.ts

1 Ответ

0 голосов
/ 02 октября 2018

Вы можете просто добавить свою радиогруппу вокруг своего стола и добавить радиокнопки внутри своих ячеек. Вот пример StackBlitz . 

<mat-radio-group [(ngModel)]="selectedElement">

  <table mat-table [dataSource]="dataSource">

    <!-- Selected Column -->
    <ng-container matColumnDef="selected">
      <th mat-header-cell *matHeaderCellDef>
        Selected Element:<br /><b>{{ selectedElement?.name }}</b>
      </th>
      <td mat-cell *matCellDef="let element">
        <mat-radio-button [value]="element">
        </mat-radio-button>
      </td>
    </ng-container>

    ...

  </table>

</mat-radio-button>
...