MagicGrid 是一个小巧灵活且极具魅力的JQuery表格插件。 虽然它只提供了基础的表格功能,但良好设计模式,使得以它拥有丰富的扩展方式和极强的适应性。

基本功能与特性:

  1. 可调整列宽,示例
  2. 可通过拖放交换列的顺序,示例
  3. 支持从远程和本地加载数据,示例
  4. 支持行列自定义生成(Render),示例
  5. 代码简洁清晰,源码不到10K,压缩后不到3K,易于修改
  6. 容易学习,使用简单
  7. 简洁易调的样式表定义
仅需少量代码,即可实现以下功能:
  1. 多行分组表头(目前支持两行),示例
  2. 本地或服务器端排序,示例
  3. 本地或远程分页,示例
  4. 自定义分页栏样式,示例
  5. 合计行,示例
  6. 行扩展,示例
  7. 锁定第一列,示例

sortLocally

前台和后台数据排序. default = false.

表头高度

表格高度集合. 使用于多行表头 Demo

cols

表格中列的集合

Items 描述 备注
field 数据对象属性 可选
title 列标题,可以是JS或者JQUERY元素 可选, 例子
width 列宽度 必须设置,以px为单位
header 用JS或者JQUERY元素为传统标题 可选, 在多行表头中不重要.例子
sizeable I列是否可以重置宽度 可选, default = true
render 返回JS或者JQUERY元素显示在单元格的函数 可选.例子
  1. r: record object
2. tr:row element
3. gd: grid element
 

loader

pagerLength

在页数显示栏里显示一共有多少页. 可选. 如果没有选择,页面显示栏将被隐藏.

afterLoad(dd, [po])

此事件在Grid加载完数据时触发。示例

sort([el])

按默认的列或者指定的列排序

adjust([vp])

调整表格的高度与宽度

newRow(r, [k])

创建新的一行不插入表格
返回所创建的行

Here is an Demo.

addRow(r, [k])

创建新的一行并且插入表格.
Same param with "newRow" method.

loadData(data, [po])

从本地内存中加载数据到表格.

load([pm])

远程加载数据到表格.

lockCols(cs)

锁定指定的列

Copyright © 2011. All rights reserved  蜀ICP备11014774号-1   QQ: 7213571  MSN: pyh_jerry@163.com  E-mail: pyh_jerry@163.com