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

  jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格

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

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

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

Col 1Col 2Col 3Col 4Col 5Col 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

  本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

posted @ 2019-05-06 14:54  雷林鹏  阅读(167)  评论(0编辑  收藏  举报