Press "Enter" to skip to content

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


See Demo And Download

Official Website(ericferreira1992): Click Here

This superior jQuery/javascript plugin is developed by ericferreira1992. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.