Table is for static or simple template-defined tabular data where the columns are known in Angular code. Use it for predictable read-only tables, documentation tables, settings summaries, lightweight admin tables, and small local datasets. Use DataView instead when users need richer operational dataset behavior such as column management, advanced data operations, saved views, or a full admin grid.
| Prop | Type | Default |
|---|---|---|
hideHeader Whether to hide the table header | boolean | false |
hideBody Whether to hide the table body | boolean | false |
hideFooter Whether to hide the table footer | boolean | false |
dataSource The data to be displayed in the table | T[] | DataSource<T> | Observable<T[]> | – |
trackBy Tracking function that will be used to check the differences in data changes | TrackByFunction<T> | – |
fixedLayout Whether the table should use a fixed layout | boolean | false |
| Prop | Type | Default |
|---|---|---|
ngsColumnDef Unique name for this column. | string | - |
sticky Whether the column is sticky | boolean | false |
stickyEnd Whether the column is sticky at the end | boolean | false |
| Prop | Type | Default |
|---|---|---|
ngsRowDefColumns The columns to be displayed in this row | string[] | - |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.