0.1.2 • Published 8 years ago
ng-simplegrid v0.1.2
ng-simpleGrid
angular2+ grid components. also provide pagination component.
Install
npm install --save ng-simplegrid
Import
import { NgSimpleGridModule } from 'ng-simpleGrid';
@NgModule({
...
imports: [
...,
NgSimpleGridModule
]
})
Usage
import { GridComponent, GridColumn } from 'ng-simpleGrid';
@ViewChild('grid')
grid: GridComponent;
gridOption: NgSimpleGrid = {
columns: [
{ type: 'text', key: 'id', name:'ID' },
{ type: 'text', key: 'name', name:'NAME' },
{ type: 'button', key: 'email', name:'EMAIL' }
],
option: {
rowsPerPage: 10
}
};
sampleDataList: any[] = [
{ id: '1', name: 'Deby Jones', email: 'jacky@naver.com'},
{ id: '2', name: 'Micheal Jackson', email: 'micl@daum.com'},
{ id: '3', name: 'Emma Watson', email: 'emm@google.com'}
];
<ng-simpleGrid #grid
[grid]="gridOption"
[dataList]="sampleDataList">
</ng-simpleGrid>
Config
columns
key | Description |
---|---|
type | type of table data(ex. 'text', 'button') |
key | the key value of the data list to represent the value |
name | name of the column header |
width? | the width of the column(ex. '100%', '100px') |
value? | set value directly without mapping to key |
nullValue? | the value to be set if the mapped key is null or no mapped. |
onCustomValue? | it provides a function to customize a value |
onClick? | a callback when a table data is clicked |
option
key | Description |
---|---|
rowsPerPage? | number of lines to show on a page(default: 10) |
emptyMessage? | message to show if data list does not exist |
emptySubMessage? | secondary message to show if data list does not exist |
event
key | Description |
---|---|
onClickRow? | callback when a line is clicked |
License
MIT
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago
0.0.26
8 years ago
0.0.25
8 years ago
0.0.24
8 years ago
0.0.23
8 years ago
0.0.22
8 years ago
0.0.21
8 years ago
0.0.20
8 years ago
0.0.19
8 years ago
0.0.17
8 years ago
0.0.16
8 years ago
0.0.15
8 years ago
0.0.14
8 years ago
0.0.13
8 years ago
0.0.12
8 years ago
0.0.11
8 years ago
0.0.10
8 years ago
0.0.9
8 years ago
0.0.8
8 years ago
0.0.7
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago
0.0.0
8 years ago