SlickGrid学习

options:

选项 设置

enableCellNavigation

启用单元格导航,可以点单元格

enableColumnReorder

启动拖拽列

example-colspan.html

跨列实例

SlickGrid学习_第1张图片

AutoTooltips plugin

隐藏列文字时自动显现列标题全文

SlickGrid学习_第2张图片

Checkbox row select column

增加选择列来选择行 

 SlickGrid学习_第3张图片

 SlickGrid example: CompositeEditor

复合编辑,根据编辑的值显示图形 

SlickGrid学习_第4张图片

SlickGrid example: Custom column value extractor

自定义列值提取器 

 SlickGrid学习_第5张图片

 SlickGrid example: Explicit grid initialization

明确显化初始化操作

SlickGrid学习_第6张图片

 SlickGrid example: Grouping

分组

SlickGrid学习_第7张图片

 example-header-row

行筛选

SlickGrid学习_第8张图片

 SlickGrid example: Multi Column Sort

多种列排序

 SlickGrid学习_第9张图片

 SlickGrid example: Optimizing DataView

 通过滑块对数据筛选

SlickGrid学习_第10张图片

 example-plugin-headerbuttons

通过头部按钮对列数据更改颜色

SlickGrid学习_第11张图片

 example-plugin-headermenu.html

标头菜单

SlickGrid学习_第12张图片 example-spreadsheet.html

 电子表格SlickGrid学习_第13张图片

 example-totals-via-data-provider.html

合计求和

SlickGrid学习_第14张图片

example1-simple.html

 简单的表格SlickGrid学习_第15张图片

 SlickGrid example 2: Formatters

格式化 

SlickGrid学习_第16张图片

 SlickGrid example 3: Editing

编辑,含自动编辑开关 

SlickGrid学习_第17张图片

 SlickGrid example 3a: Advanced Editing

高级编辑

SlickGrid学习_第18张图片

 example3b-editing-with-undo.html

编辑和撤销 

SlickGrid学习_第19张图片

 example4-model.html

筛选和查找 

SlickGrid学习_第20张图片

 example13-getItem-sorting.html

按索引对网格项进行排序

使用getItem方法提供数据

SlickGrid学习_第21张图片

 

你可能感兴趣的:(学习,SlickGrid)