Smart-Table

An easy to use Table / Grid module
41 people use it

This project is a lightweight table/grid builder. It is meant to be easy configurable but also easy customisable (if you want to use it as a base for your own grid development). In The current version (0.1.0) the features are

-table markup: it is a table and follows the semantic of an HTML table. -manage your layout: you can choose the number of columns and how the should be mapped to your data model -format data: you can choose how the data are formatted within a given column: --by giving your own format function --using one of the built-in angular filters -Sort data --using your own algorithm --using the 'orderBy' angular algorithm: in this case you'll be able to provide predicates as explained in orderBy filter documentation -Filter data --using a global search input box --using the controller API to filter according to a particular column -Select data row(s) according to different modes: --single: one row selected at the time --multiple: many row selected at the time. In this case you can also add a --selection column with checkboxes -Simple style: you can easily give class name to all the cells of a given column and to the header as well -template cell: --you can provide template for a given column header (it will be compiled so that you can attach directves to it) --same for the data cells -Edit cells: you can make cells editable and specify a type for the input so that validation rules, etc will be applied -Client side pagination : you can choose the number of rows you want to display and use the angular-ui.bootstrap pagination directive to navigate. All the directives of the table use the table controller API. It means that you can easily change the templates and directives but still using the API to perform any operation You'll find running examples and more documentation at the demo website

comments powered by Disqus
This page was last updated about 4 years ago.