easyui 转换 html,jQuery EasyUI使用教程：将一个HTML表格转换为数据网格

原标题：jQuery EasyUI使用教程：将一个HTML表格转换为数据网格

>

本教程将为大家演示如何将一个表格转换为数据网格。

该数据网格的列被定义在< thead>标记中，而数据则被定义在< tbody>标记中。确保为每一个数据列设置字段名称，请看下面的示例：

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

当然你还可以定义一个复杂的表头，例如：

< thead> < tr> < th field="name1" width="50" rowspan="2">Col 1< th field="name2" width="50" rowspan="2">Col 2< th field="name3" width="50" rowspan="2">Col 3< th colspan="3">Details< /tr> < tr> < th field="name4" width="50">Col 4< th field="name5" width="50">Col 5< th field="name6" width="50">Col 6< /tr> < /thead>

现在你可以看到，复杂的表头已经创建好了。

下载该EasyUI示例：easyui-datagrid-demo.zip

购买最新正版授权！"咨询在线客服"

慧都年终盛典火爆开启，一年仅一次的最强促销，破冰钜惠不容错过！！优惠详情点击查看>>

有用(0)没用(0)

本站文章除注明转载外，均为本站原创或翻译

欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果

转载请注明：文章转载自：慧都控件网 [http://www.evget.com]

本文地址：http://www.evget.com/article/2015/11/26/23063.html返回搜狐，查看更多

责任编辑：