Row Selection

Row selection can be enabled using selectable property in m-table component.

<m-table [value]=countries
         selectable="true">
</m-table>

Selected rows are bound to the selection property of m-table component.

<m-table [value]=countries
         selectable="true" [(selection)]="selectedRows">
</m-table>

selecting/unselecting triggers onRowSelect, onRowUnselect, selectionChange events from m-table component.

<m-table [value]=countries
         selectable="true" (onRowSelect)="rowSelect($event)" (onRowUnselect)="rowUnselect($event)" (selectionChange)="onSelectionChange($event)">
</m-table>

Selection Mode

By default selection mode is multiple, to change selection mode to single selection use selectionMode property in m-table component.

<m-table [value]=countries
         selectable="true" selectionMode="single">
</m-table>

Selection Handler

By default selection handler is enabled which is checkbox. To remove this selection handler and use row click to select, use selectionHandler property in m-table component.

<m-table [value]=countries
         selectable="true" selectionHandler="false">
</m-table>

Table Component m-table Properties