A Simple Complete DataTable Component for Angular Framework

AgTable is an alternative for developers who need flexibility and efficiency while programming. With AgTable, it is possible to create a fully functional spreadsheet with minimal effort. With a well-detailed structure, there is no need to create components for columns or cells, as some other spreadsheet components do.

datatable in angular 8, angular data table example, angular datatables, data table in angular, angular table with pagination and search and sorting, angular datatable dtoptions

Why is it so good?

There are many reasons to use AgTable, but some features make it stand out from other spreadsheet solutions out there:

default scroll
High performance while viewing thousands of records
Filtering, sorting, and pagination can be done either from the client-side or the server-side
Allows you to view the data obtained from the server
Data pagination with infinite scrolling or regular pagination
Does not force you to create components to customize columns and cells
Column sizes are customizable
Much more;

How to make use of it:

Install

npm install ag-table

Import into style.scss

@import '~ag-table/scss/style.scss';
@include ag-table-core();

@import '~ag-table/scss/style.scss';
@include ag-table-core($yourColor);

Import into Module

import { AgTableModule } from 'ag-table';

@NgModule({
    declarations: [...],
    imports: [
    	...,
    	AgTableModule
    ],
    providers: [...],
    bootstrap: [AppComponent]
})
export class AppModule { }

Set language (optional)

import { AgTableModule, AgTableCustomSettings } from 'ag-table';

@NgModule({
    declarations: [...],
    imports: [...],
    providers: [
        {
            provide: AgTableCustomSettings,
            useValue: { lang: 'pt-BR' } // Default is 'en-US'
        }
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

Data Table Component For Angular, AgTable Plugin/Github, angular material table example