Fixed Column Grid - Angular

fixed-grid-lib is angular component for creating fixed row scroll grid.

• Fixed n numbers of columns
• Data map through JSON
• In intial stage

Dependency

Following depencies are required for this component:

• [Angular 9.x] - HTML enhanced for web apps!
• [jQuery] -

In future release version will remove dependencies of both in future release and try to make it work with angular 4.x+ and w/o jquery requirement

Usage

Dummy Input Data Format

let data = {
        "columns":[
            {
                "map":"fieldA",
                "caption":"Field A"
            },
            {
                "map":"fieldB",
                "caption":"Field B"
            }
        ],
        "data":{
            {
                "fieldA":"value 0",
                "fieldB":"value 1"
            },
            {
                "fieldA":"value 2",
                "fieldB":"value 3"
            }
        }
    }

fixed-grid-lib properties

<fixed-grid
    [fixedCols]="fixedCols"
    [data]="data"
/>

**fixedCols contains number of columns tobe fixed

ScreenShots

Grid

[]

Grid With Filter

[]

Future Release

• Removed JQUERY dependency
• Support Angular 4.x+ versions
• More data types support (number, date)
• custom components support