Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

ngx-smart-datatable

1.1.1 • Public • Published

Build Status Commitizen friendly semantic-release Renovate enabled

NgxSmartDatatable

A light weight Angular component used as a wrapper for DataTables.net, the smartest datatable in the world 🔥.

DataTables.net provides many extensions that you might or might not need for your datatable. Therefore, NgxSmartDatatable is lazily loaded meaning that only the extensions you need will be loaded once in the web page. This technique prevents any of the extension libraries from being bundled in your application.

Demo 🎥

⬇️ Installation

npm install ngx-smart-datatable --save

Quick start 🚀

<ngx-smart-datatable
     ...
 
    [settings]="settings">
</ngx-smart-datatable>

Zero configuration

...
 
columnsany = [
    {
        data: 'id',
        title: 'ID'
    },
    {
        data: 'firstName',
        title: 'First Name'
    },
    {
        data: 'lastName',
        title: 'Last Name'
    },
    {
        data: 'email',
        title: 'Email'
    }
];
 
data = [
    {
        id: 1,
        firstName: "Paul",
        lastName: "Young",
        email: "paul.young@gmail.com"
    },
    {
        id: 2,
        firstName: "John",
        lastName: "Doe",
        email: "john.doe@yahoo.com"
    },
 
    ...
]
 
settings = {
    columns: this.columns,
    data: this.data,
    ...
 
    // these are set to true by default
    pagingfalse,
    ordering: false,
    info: false,
    searching: false
}

Reference 🎯

Author 📚

Ahmed Alatawi

Install

npm i ngx-smart-datatable

DownloadsWeekly Downloads

5

Version

1.1.1

License

MIT

Unpacked Size

314 kB

Total Files

26

Last publish

Collaborators

  • avatar