maxweng/ng-table

Simple table with sorting and filtering on AngularJS

Table + AngularJS

Code licensed under New BSD License.

This directive allow to liven your tables. It support sorting, filtering and pagination. Header row with titles and filters automatic generated on compilation step.

Installing via Bower

bower install ng-table

Examples (from simple to complex)

• Pagination
• Sorting
• Filtering
• Cell template
• Row template
• Params in url
• Ajax
• Custom template(pagination)
• Custom filters
• Table with checkboxes

Usage

<table ng-table="tableParams" show-filter="true">
<tr ng-repeat="user in users">
    <!-- IMPORTANT: String titles must be in single quotes -->
    <td data-title="'Name of person'" filter="{ 'name': 'text' }" sortable="name">
        {{user.name}}
    </td>
    <td data-title="'Age'" filter="{ 'action': 'button' }" sortable="age">
        {{user.age}}
    </td>
</tr>
</table>