雷林鹏分享jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格

  本实例演示如何转换表格(table)为数据网格(datagrid)。

  数据网格(datagrid)的列信息是定义在 标记中,数据是定义在 标记中。确保为所有的数据列设置 field 名称,请看下面的实例:

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

Col 1 Col 2 Col 3 Col 4 Col 5 Col 6
Data 1 Data 2 Data 3 Data 4 Data 5 Data 6
Data 1 Data 2 Data 3 Data 4 Data 5 Data 6
Data 1 Data 2 Data 3 Data 4 Data 5 Data 6
Data 1 Data 2 Data 3 Data 4 Data 5 Data 6

  非常棒,您可以定义一个复杂的表头,例如:

  

  

  Col 1

  Col 2

  Col 3

  Details

  

  

  Col 4

  Col 5

  Col 6

  

  

  现在您可以看见,复杂表头已经创建。

  下载 jQuery EasyUI 实例

  jeasyui-datagrid-datagrid1.zip

  (编辑:雷林鹏 来源:网络 侵删)

猜你喜欢

转载自www.cnblogs.com/linpeng1/p/11400337.html