Category: Datatables

Angular Material 8 | Adding Multiple Tables on Single Component Tutorial

Angular material tables provide the fully loaded table components in which we can easily add sorting, paging, filter like features without any much codding. It works like charm in real-world applications and provides a nice user-friendly user interface.

Sometimes our component may represent more than one grid of tabular data, in that case, it becomes a bit confusing on how to add more than one Angular material tables in a single component having respective sorting and pagination components. Continue reading Angular Material 8 | Adding Multiple Tables on Single Component Tutorial

Angular 8/7 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation

In this guide, we are going to create a datatable grid with Angular Material Table component which will have some basic operations like Add, Update and Delete rows using Dialog component. Continue reading Angular 8/7 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation

Angular 7/8 | Use Popular jQuery Datatables in Angular2+ Projects in few steps

Compatible from Angular 2 to 8

Datatable is popular among developers developing in web projects using the mainly jQuery library. It is a full package of many basic features like Pagination, Sorting, Filter search bar, etc.

In this post, we will implement this fully featured Datatables library in Angular project and discuss various options available from basic to advance level of Datatables.

Continue reading Angular 7/8 | Use Popular jQuery Datatables in Angular2+ Projects in few steps

Angular Material 7 | Data Tables Example with Sorting, Filter, Pagination and Fixed header columns

Angular Material provides datatable components equipped with many common features like data filter, pagination, sorting on columns and even frozen columns and headers.

In this post, we will create an Angular application using Angular Material Tables component to show JSON data in tabular form. We can get data from server side using API’s. Continue reading Angular Material 7 | Data Tables Example with Sorting, Filter, Pagination and Fixed header columns

Angular 8/7 | Add Data-tables with Ultimate features in Few Steps!

Supported from Angular 2 + to v8

Data tables are widely used in applications to show data sets with necessary features which are must to have for good user interactions like Pagination, Sorting by columns, Scrollings in horizontal and verticle directions, etc.

Application dealing with a large number of tabular data, it becomes very difficult to manage other details as well like the columns with custom templating and flexible styling.

Continue reading Angular 8/7 | Add Data-tables with Ultimate features in Few Steps!