Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The DataTable for Angular is a feature-complete grid like component which can be used to display data from different sources. By default the data is displayed in pages and can be loaded from CSV, TSV, JSON, XML, remotely or locally. Amongst the features the component offers are: columns and rows resizing, sorting, validation, filtering, grouping and aggregations. The major difference between the Grid component and the DataTable is that the DataTable does not support UI Virtualization. This means that the it is not appropriate for scenarios which require Vertical Scrolling of large data sets. If you need to display a large data set in a DataTable, then you will have to enable the Paging functionality.
jqxDataTable is the jQWidgets DataTable component for Angular. Lightweight table built on native table markup, with paging, sorting, filtering, grouping and editing.
jqxDataTable has 53 properties, 18 events and 44 methods, all in the API reference. Its main members, those its demos use first:
columns (property) – Sets the jqxDataTable's columns.pageable (property) – Determines whether the jqxDataTable is in paging mode.altRows (property) – Sets or gets whether the jqxDataTable automatically alternates row colors.sortable (property) – Enables/Disables the sorting feature.pagerButtonsCount (property) – Sets or gets the count of the buttons displayed on the Pager when pagerMode is set to "default" .editable (property) – Sets or gets whether the jqxDataTable editing is enabled.columnsResize (property) – Sets or gets the jqxDataTable's columnsResize.pageSize (property) – Sets or gets the rows count per page when paging is enabled.selectRow (method) – Selects a row.rowSelect (event) – This is triggered when a row is selected.