zoukankan      html  css  js  c++  java
  • easyUI datagrid表头的合并

    图列:

    js代码

    function initConfigTable(param){
    	$("#mulConfigureTableBox").empty();
    	$("#mulConfigureTableBox").append('<table id="mulConfigureTable" style="margin:0;padding:0;"></table>')
    	$("#mulConfigureTable").datagrid({
    		url:url,
    		title : false,
    		fit : true,
    		fitColumns : false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
    		striped :true,//奇偶行的颜色
    		border : true,
    		loadMsg : '正在加载数据,请稍候...',
    		singleSelect:false,
    		autoRowHeight:true,
    		rownumbers:false,
    		showFooter:false,
    		resizable : false,
    		pagination:true,
    		pageSize:10,
    		pageList : [10,15,20,25,30,35,40,45,40,100],
    		queryParams:param,//查询条件
    		frozenColumns:[[
    			{
    				title : '区域',
    				field : 'city',
    				align:'center',
    				70,
    				sortable : false
    			},
    			{
    				title : '设备层级',
    				field : 'level',
    				align:'center',
    				70,
    				sortable : false
    			},
    			{
    				title : '设备名称',
    				field : 'deviceName',
    				align:'center',
    				240,
    				sortable : false
    			},
    			{
    				title : '设备IP',
    				field : 'ipaddress',
    				align:'center',
    				100,
    				sortable : false
    			}
    		]],
    		columns:[[
    			{
    				title : 'PB MB MC',
    				align:'center',
    				"colspan":1
    			},
    			{
    				title : 'PB',
    				align:'center',
    				"colspan":1
    			},
    			{
    				title : 'PB',
    				align:'center',
    				"colspan":1
    			},
    			{
    				title : 'PB MB MC',
    				align:'center',
    				"colspan":1
    			}],
    			[{
    				title : '组播使能',
    				field : 'mineStatus1',
    				align:'center',
    				formatter:formatterFun,
    				100,
    				sortable : false
    			},
    			{
    				title : 'Anycast-RP<br/>是否配置',
    				field : 'mineStatus2',
    				align:'center',
    				formatter:formatterFun,
    				100,
    				sortable : false
    			},
    			{
    				title : 'MSDP配置',
    				field : 'mineStatus3',
    				align:'center',
    				formatter:formatterFun,
    				100,
    				sortable : false
    			},
    			{
    				title : '组播负载均衡',
    				field : 'mineStatus4',
    				align:'center',
    				formatter:formatterFun,
    				100,
    				sortable : false
    			}
    		]]		
    	})
    }
    

      

      

  • 相关阅读:
    Unity3D 系统宏
    Mac OS—苹果搭建Android开发环境
    CocoaChina六年了,记我的这六年——六年汇总
    我的程序员之路(8)——北京第三家公司工作第一年总结
    Unity插件研究院之ResourceChecker
    Unity3D 插件大全
    MAC中开发Unity3D
    MySql安装过程(以验证)【网络资料】
    .net—— webservice的新建、发布、使用(最全、最简单)【原创】
    EF 链接MySql 建立数据模型
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9394731.html
Copyright © 2011-2022 走看看