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
    			}
    		]]		
    	})
    }
    

      

      

  • 相关阅读:
    关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题
    vue-resource的使用
    从头开始开发一个vue幻灯片组件
    图与例解读Async/Await
    浅谈web缓存
    APICloud框架——总结一下最近开发APP遇到的一些问题 (三)
    编写现代 CSS 代码的 20 个建议
    仿微信联系人列表滑动字母索引
    初来乍到,向各位大牛虚心学习
    转发80端口的脚本
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9394731.html
Copyright © 2011-2022 走看看