ng-simplegrid
<!--[![Build Status](https://travis-ci.org/tb/ng2-nouislider.svg?branch=master)](https://travis-ci.org/tb/ng2-nouislider) [![npm version](https://badge.fury.io/js/ng2-nouislider.svg)](http://badge.fury.io/js/ng2-nouislider) [![Downloads](http://img.shield
Last updated 2 years ago by odyody12 .
MIT · Original npm · Tarball · package.json
$ cnpm install ng-simplegrid 
SYNC missed versions from official npm registry.

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

Current Tags

  • 0.1.2                                ...           latest (2 years ago)

29 Versions

  • 0.1.2                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
  • 0.0.26                                ...           2 years ago
  • 0.0.25                                ...           2 years ago
  • 0.0.24                                ...           2 years ago
  • 0.0.23                                ...           2 years ago
  • 0.0.22                                ...           2 years ago
  • 0.0.21                                ...           2 years ago
  • 0.0.20                                ...           2 years ago
  • 0.0.19                                ...           2 years ago
  • 0.0.17                                ...           2 years ago
  • 0.0.16                                ...           2 years ago
  • 0.0.15                                ...           2 years ago
  • 0.0.14                                ...           2 years ago
  • 0.0.13                                ...           2 years ago
  • 0.0.12                                ...           2 years ago
  • 0.0.11                                ...           2 years ago
  • 0.0.10                                ...           2 years ago
  • 0.0.9                                ...           2 years ago
  • 0.0.8                                ...           2 years ago
  • 0.0.7                                ...           2 years ago
  • 0.0.6                                ...           2 years ago
  • 0.0.5                                ...           2 years ago
  • 0.0.4                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
  • 0.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |