JQuery EasyUI datagrid 复杂表头处理

摘要:
mode=day_ Health“,分页:true,总计:2000,页面大小:10,页面列表:[10,20,30,40,50,60,70,8090100],行号:true,fit:true,//自动调整大小fitColumns:true,//自适应列宽单一选择:true,//是否选择idField:'Project_id',列:[[{title:'group',colspan:3},{field:'opt',标题:'Operation',100,align:'center',行span:2,格式:function{return‘<span style=“color:red”˃EditDelete</span˃';}},{title:‘two groups’,colspan:3}〕,[{field:‘name’,title:‘name’,120,rowspan:1},{field:“addr”,title:“Address”,220,rowspan:1,sortable:true,sort:function(a,b){return(a˃b?

$('#day_health').datagrid({
url: "sqb_bweb_day_health.aspx?mode=day_health",
pagination: true,
total: 2000,
pageSize: 10,
pageList: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
rownumbers: true,
fit: true, //自动大小
fitColumns: true, //自适应列宽
singleSelect: true, //是否单选
idField: 'Project_id',
columns: [[
{title:'一组',colspan:3},
{field:'opt',title:'Operation',100,align:'center', rowspan:2,
formatter:function(value,rec){
return '<span style="color:red">Edit Delete</span>';
}
},
{title:'二组',colspan:3}
],[
{field:'name',title:'Name',120,rowspan:1},
{field:'addr',title:'Address',220,rowspan:1,sortable:true,
sorter:function(a,b){
return (a>b?1:-1);
}
},
{field:'col4',title:'Col41',150,rowspan:1},
{field:'name1',title:'Name1',120,rowspan:1},
{field:'addr1',title:'Address1',220,rowspan:1,sortable:true,
sorter:function(a,b){
return (a>b?1:-1);
}
},
{field:'col41',title:'Col411',150,rowspan:1}
]]
})

免责声明:文章转载自《JQuery EasyUI datagrid 复杂表头处理》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇iOS 审核被拒:Guideline 1.4.1Squid 正向代理配置下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

easyUI-datagrid属性设置display:none,表头不显示

<div class="box1"> <div class="dg1Box" style="margin-top:15px; margin-left:25px;"> <table id="dg1" style="575px;"></table> <...

WPF学习问题汇集:

WPF中ItemsSource改变,DataGrid中不更新 需要将ItemsSource先赋值为null,而后再赋值为新的值。 例如: gridBeamInfo.ItemsSource = null; if (beamInfoList.Count==0) { beamInf...

JQuery Easy Ui dataGrid 数据表格 --&amp;gt;转

转至: http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html#events   数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.default...

easyui textarea回车导致datagrid 数据无法展示的问题

textarea换行 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为 在textarea中输入回车符 在js读取textarea中的值有 然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的 替换一下。  在js取textarea...

动态创建DataGrid的模版列(转)

有的时候我们需要邦定很复杂的DataGrid,我们知道DataGrid,DataList等控件都有Template列,我们可以通过动态的邦定模版列来实现,复杂逻辑的邦定。由于Page继承TemplateControl,所以在Page对象里面就可以使用TemplateControl类里面的方法LoadTemplate,我们可以利用这个方法加载指定路径用户控件...

easyui 在编辑状态下,动态修改其他列值。

1 首先是自定义了一个方法uodateColumn更新列值 2 3 /** 4 *自定义的修改列值方法 5 */ 6 $.extend($.fn.datagrid.methods, { 7...