现用easyui开发前台报表,采用datagrid展示,问题出在页脚展示格式的问题上,详见下图:红框属于datagrid的footer部分,且希望做到红框框住的单元格能够合并,网上查了好久,还是没头绪。如果不用footer,直接将页脚数据放入rows里面操作确实可以实现,但我纠结啊,还是希望通过FOOTER来实现统计单元格的合并,请各位指教了!感谢!!!
解决方案 »
- js如何替换一个字符串中的所有大小写字母
- 何让二级菜单点击下一个关闭上一个,并且让三级菜单点击保持状态,点击比闭合?js内容 请帮帮忙 谢谢大家
- “&”括号中的内容表示什么意思?求助大家。
- 请教前台JavaScript获取json对象失败
- 如何用Javascript批量上传数据到PromScan分析?
- js实现图片编辑功能
- 求一段背景颜色交替的JS代码
- 关于在.NET2005下获取DropDownList选择值的问题,控件名靠参数传递动态获取。急等解决!
- 想用javascript实现文件下载并记录文件在客户端的保存路径
- 如何为多个链接添加提示框(图)????????????? 急!!!!
- jQuery POST请求报错
- js 如何获取foreach 选中的var值 jsp
其中myview定义类似于: var myview= $.extend({}, $.fn.datagrid.defaults.view, {
renderFooter: function (target, container, frozen) {
var opts = $.data(target, 'datagrid').options;
var rows = $.data(target, 'datagrid').footer || [];
var fields = $(target).datagrid('getColumnFields', frozen);
var table = ['<table class="datagrid-ftable" cellspacing="0" cellpadding="0" border="0"><tbody>']; for (var i = 0; i < rows.length; i++) {
var styleValue = opts.rowStyler ? opts.rowStyler.call(target, i, rows[i]) : '';
var style = styleValue ? 'style="' + styleValue + '"' : '';
table.push('<tr class="datagrid-row" datagrid-row-index="' + i + '"' + style + '>');//生成行,可以跨行合并
table.push(this.renderRow.call(this, target, fields, frozen, i, rows[i]));//这里生成单元格,可以横向合并
table.push('</tr>');
} table.push('</tbody></table>');
$(container).html(table.join(''));
}
});
var str = this.renderRow.call(this, target, fields, frozen, i, rows[i]); 取到行html,然后在我需要的td内加上 rowspan=\"2\" colspan=\"2\",如果只是单独合并多列或单独合并多行都没问题,可是如果要rowspan=\"2\" colspan=\"2\" 这种模式,还是不成功!!!