How to use Ngx Datatable in Angular 5
Posted By Damini Sharma | 30-Oct-2018
The table is designed to be extremely flexible and light. it doesn't make any assumptions about your data and how to filter, sort or page it. That we wanted to keep the features.
strictly related to dealing with the data rather than implementing complex filtering/etc i.e, often very use-case specific. The current features include:
1. Handle large data sets and records ( Virtual DOM ).
2. Expressive Header and Cell Templates.
3. Horizontal & Vertical Scrolling.
4. Column Reordering & Resizing.
5. Client/Server side Pagination & Sorting.
6. Intelligent Column Width Algorithms ( Force-fill & Flex-grow ).
7. Integrated Pager.
8. Cell & Row Selection ( Single, Multi, Keyboard, Checkbox ).
9. Fixed AND Fluid height.
10. Left and Right Column Pinning.
11. Row Detail View.
12. Decoupled theme'ing with included Google Material theme.
13. Light codebase / No external dependencies.
Firstly, you can import NgModule and BrowserModule also in our Project and then, you can start import and use to NgxDatatableModule. firstly import it and declared it.
when you create component and you can use and import Ngxdatatable in our components. Dynamically import and initialize table's columns and rows in our component.ts file.
and call that array's of object in our component.html file. you can Operate all operations of table's are handled by NgxDatatable dynamically like searching, sorting, Pagination etc.
import in app.component.ts you define a table like:-
we can define Parameters Page size, Page Number, sorting direction and It's order form in component.ts file and we can mention style's of table also in component.ts file like width, height and which table is called dynamically.
and when you use NgxDatatable then, you can use Template reference which is define in component.ts file and that template is use in our component.html file in which whole view called in it.
another way to use in
The tag use for NgxDatatable is <ngx-datatable></ngx-datatable> in our component.html file. we can use Scrollbar also. NgxDatatable have various Properties which is use very easily and understands it.