网格"/>
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)
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:慧都控件网 []
本文地址:.html返回搜狐,查看更多
责任编辑:
更多推荐
easyui 转换 html,jQuery EasyUI使用教程:将一个HTML表格转换为数据网格
发布评论