#ag-data-grid Experimental Work ag-data-grid is an Web Component to display tabular data. It has built-in support for paging, search, filters, sortable columns and custom cell renderer.
ag-data-grid is responsive and can automatically hide columns on smaller screens based on a few simple attributes defined by developer such as “importance” of a particular column.
##Demo Contacts List Grid Demo
##Install
bower install aghassemi/ag-data-grid
##Usage
Please see full API documentation on the Component Page ###Basic
<ag-data-grid summary="Displays each person's score" pageSize=5 dataSource="{{dataSource}}"> <ag-data-grid-column label="Name"> <template> {{item.name}} </template> </ag-data-grid-column> <ag-data-grid-column label="Score"> <template> {{item.score}} </template> </ag-data-grid-column> </ag-data-grid>
DataSource attribute expects an object that has a fetch(search, sort, filters)
method. Please see documentation on DataSource property for details.
###Full Featured Please see demo.html
for a full featured example.
##License MIT