@@ -43,9 +43,31 @@ <h3> </h3>
43
43
44
44
45
45
< section >
46
- < article > < h1 > Cheetah Grid</ h1 > < p > The fastest open-source web component of data table.</ p >
46
+ < article > < h1 > Cheetah Grid</ h1 > < p > < a href ="https://www.npmjs.com/package/cheetah-grid "> < img src ="https://img.shields.io/npm/l/cheetah-grid.svg " alt ="npm "> </ a >
47
+ < a href ="https://www.npmjs.com/package/cheetah-grid "> < img src ="https://img.shields.io/npm/v/cheetah-grid.svg " alt ="npm "> </ a > </ p >
47
48
< p > < img src ="https://future-architect.github.io/cheetah-grid/logo.png " style ="max-width: 600px; " alt ="Cheetah Grid " /> </ p >
48
- < p > < a href ="https://future-architect.github.io/cheetah-grid/ "> DEMO & Documents</ a > </ p > </ article >
49
+ < p > The fastest open-source web component of data table.</ p >
50
+ < p > < a href ="https://future-architect.github.io/cheetah-grid/ "> < img src ="https://github.com/future-architect/cheetah-grid/raw/dev/readme_update/images/capture.png " alt ="capture.png "> </ a > </ p >
51
+ < p > < a href ="https://future-architect.github.io/cheetah-grid/ "> DEMO & Documents</ a > </ p >
52
+ < h2 > Downloading Cheetah Grid
</ h2 > < h3 > Using Cheetah Grid with a CDN
</ h3 > < pre class ="
prettyprint source lang-html "
> < code > <script src="https://unpkg.com/
[email protected] "
> </script
> </ code > </ pre > < h3 > Downloading Cheetah Grid using npm
</ h3 > < p > < a href ="
https://www.npmjs.com/package/cheetah-grid "
> < img src ="
https://img.shields.io/npm/v/cheetah-grid.svg "
alt ="
npm "
> </ a > </ p >
53
+ < pre class ="
prettyprint source lang-sh "
> < code > $ npm install cheetah-grid
</ code > </ pre > < pre class ="
prettyprint source lang-js "
> < code > const cheetahGrid = require("cheetah-grid")
</ code > </ pre > < h3 > Downloading Cheetah Grid source code
</ h3 > < p > < a href ="
https://unpkg.com/[email protected] /dist/cheetahGrid.es5.min.js "
> cheetahGrid.es5.min.js
</ a > </ p >
54
+ < p > SourceMap
< br > < a href ="
https://unpkg.com/[email protected] /dist/cheetahGrid.es5.min.js.map "
> cheetahGrid.es5.min.js.map
</ a > </ p >
55
+ < h2 > Usage</ h2 > < pre class ="prettyprint source lang-js "> < code > grid = new cheetahGrid.ListGrid({
56
+ // Parent element on which to place the grid
57
+ parentElement: document.querySelector('#parent'),
58
+ // Header definition
59
+ header: [
60
+ {field: 'check', caption: '', width: 50, columnType: 'check', action: 'check'},
61
+ {field: 'personid', caption: 'ID', width: 100, columnType: 'center'},
62
+ {field: 'fname', caption: 'First Name', width: 200},
63
+ {field: 'lname', caption: 'Last Name', width: 200},
64
+ {field: 'email', caption: 'Email', width: 250},
65
+ ],
66
+ // Array data to be displayed on the grid
67
+ records,
68
+ // Column fixed position
69
+ frozenColCount: 2,
70
+ });</ code > </ pre > < p > Please refer to the < a href ="https://future-architect.github.io/cheetah-grid/ "> documents</ a > for details</ p > </ article >
49
71
</ section >
50
72
51
73
@@ -62,7 +84,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="cheetahGr
62
84
< br class ="clear ">
63
85
64
86
< footer >
65
- Documentation generated by < a href ="https://github.com/jsdoc3/jsdoc "> JSDoc 3.5.5</ a > on Thu Nov 02 2017 13 :33:35 GMT+0900 (東京 (標準時))
87
+ Documentation generated by < a href ="https://github.com/jsdoc3/jsdoc "> JSDoc 3.5.5</ a > on Thu Nov 02 2017 16 :33:12 GMT+0900 (東京 (標準時))
66
88
</ footer >
67
89
68
90
< script > prettyPrint ( ) ; </ script >
0 commit comments