EasyUI多级表头设置

最新推荐文章于 2024-08-16 17:45:38 发布

勤劳并微笑着

最新推荐文章于 2024-08-16 17:45:38 发布

阅读量1.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_37791764/article/details/80194428

版权

本文介绍了EasyUI前端框架中如何进行多级表头的设置，重点讲解了与表格操作相关的步骤，并提供了实现效果的展示。

摘要由CSDN通过智能技术生成

EasyUI是一款比较容易上手的前端框架

下面说一下它的多级表头设置：

//数据网
	$("#tt").datagrid({
		url:"${ctx}/UKeyManage/getUKeyManageData",
		pagination : true,//分页
		pageSize : 20,//默认每页条数
		rownumbers : true,//行数
		//nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
		pageList : [ 50, 40, 30, 20, 10 ],//可以选择的分页集合  
		striped : true,    //设置表格奇偶行颜色是否不同
	   columns:[
		   [
		   {field:'id',title:'id',align:'left',hidden:"true",'rowspan':2},//合并2行
		   {field:'ukeyNo',title:'UKEY编码',align:'left','rowspan':2},//合并2行
		   {field:'ukeySerialNo',title:'UKEY序列号',align:'left','rowspan':2},//合并两行
		   {field:'memo',title:'备注',align:'left','rowspan':2},//合并两行
		   {title:'更新信息',align:'center','colspan':2},//合并两列
		   {field:'action',title:'操作',width:120,align:'center',&