Description

Representing a row which should be placed inside mdt-table element directive.

Please note the following: This element has limited functionality. It cannot listen on data changes that happens outside of the component. E.g.: if you provide an ng-repeat to generate your data rows for the table, using this directive, it won't work well if this data will change. Since the way how transclusions work, it's (with my best knowledge) an impossible task to solve at the moment. If you intend to use dynamic data rows, it's still possible with using mdtRow attribute of mdtTable.

Dependencies

mdtTable

Usage

as element:

<mdt-row
       [table-row-id="{string|integer}"]>
</mdt-row>

Parameters

Param	Type	Details
tableRowId (optional)	string integer	when set table will have a uniqe id. In case of deleting a row will give back this id.

Example

<mdt-table>
    <mdt-header-row>
        <mdt-column>Product name</mdt-column>
        <mdt-column>Price</mdt-column>
    </mdt-header-row>

    <mdt-row
        ng-repeat="product in products"
        table-row-id="{{product.id}}">
        <mdt-cell>{{product.name}}</mdt-cell>
        <mdt-cell>{{product.price}}</mdt-cell>
    </mdt-row>
</mdt-table>