Templating

Momentum Table is highly customisable using templates.

Custom Column

header, body, footer and edit view of table columns can be customised mTemplate property as 'header', 'body', 'footer' and 'editor' respectively.

<m-table [value]=countries expandable="true">
    <m-column field="country">
        <ng-template let-col mTemplate="header">
          // Column Header custom HTML
        </ng-template>

        <ng-template let-col let-row="row" mTemplate="body">
          // Column Body custom HTML
        </ng-template>

        <ng-template let-col let-row="row" mTemplate="footer">
          // Column footer custom HTML
        </ng-template>

        <ng-template let-col let-row="row" mTemplate="editor">
          // Column edit view custom HTML
        </ng-template>
    </m-column>
</m-table>

Custom Table Header and Footer

Table header and footer could also be customised using ng-template.

<m-header>
    <ng-template let-header>
        // Custom Table Header HTML
    </ng-template>
</m-header>

<m-footer>
    <ng-template let-footer>
        // Custom Table Footer HTML
    </ng-template>
</m-footer>