LigerUI 中的 Grid (ligerGrid) 如何合并单元格
来源:互联网 发布:波士顿矩阵分析图 编辑:程序博客网 时间:2024/05/10 17:56
在网上搜索了很都都没有正确的方法实现 合并单元格, LigerGrid 不像 EasyUI 中的 Grid 可以直接 合并单元格。
我化了点时间,解决了, 就分享给大家, 我就不做详细的注释, 只有有一定基础的都可以看懂, 菜鸟就自己去补习吧。
<div id="maingrid" style="margin: 0; padding: 0">
</div>
<script type="text/javascript">
//合并单元格 主要实现代码
jQuery.fn.rowspan = function (colname, tableObj) {
var colIdx;
for (var i = 0, n = tableObj.columns.length; i < n; i++) {
if (tableObj.columns[i]["columnname"] == colname) {
colIdx = i - 1 < 1 ? 0 : i - 1;
break;
}
}
return this.each(function () {
var that;
$('tr', this).each(function (row) {
$('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) {
if (that != null && $(this).html() == $(that).html()) {
rowspan = $(that).attr("rowSpan");
if (rowspan == undefined) {
$(that).attr("rowSpan", 1);
rowspan = $(that).attr("rowSpan");
}
rowspan = Number(rowspan) + 1;
$(that).attr("rowSpan", rowspan);
$(this).hide();
} else {
that = this;
}
});
});
});
}
//使用列子
function showGrid(jsonData) {
var data = { Rows: jsonData, Total: jsonData.length };
var grid = $("#maingrid").ligerGrid({
columns: [
{ display: '订单号', name: 'OrderNo', align: 'center', minWidth: 60 },
{ display: '环节', name: 'ModuleName', minWidth: 120,
render: function (obj, c) {
return "<a href='#' onclick=\"TransferToPage('" + obj.ModuleName + "')\">" + obj.ModuleName + "</a>";
}
},
{ display: '合格率', name: 'Percent', minWidth: 140, format:'{0}%' }
],
data: data,
usePager: false,
onAfterShowData: function (s) {
setTimeout(function () {
$('#maingrid .l-grid-body-table tbody').rowspan('OrderNo', grid)
}, 0)
}
});
}
</script>
- LigerUI 中的 Grid (ligerGrid) 如何合并单元格
- Ligerui grid 合并单元格
- ligerUI ligerGrid框架使用方法
- ext grid合并单元格
- Extjs grid 合并单元格
- ExtJs grid合并单元格
- Extjs Grid合并单元格
- ExtJS4 grid合并单元格
- jquery ligerui中的grid组件
- ExtJs - grid 合并单元格 跨行跨列
- ExtJs - grid 合并单元格 跨行跨列
- liger 中grid 合并单元格
- ExtJs4 - grid 合并单元格 跨行跨列
- ExtJs4 - grid 合并单元格 跨行跨列
- ligerui中如何动态创建grid
- php 如何使用LigerUI grid插件
- ligerUI中ligerGrid的简易用法
- Ext4.1grid单元格合并的解决方案
- Oracle 查询:一小时内、一天内、一周内等
- CentOS7下解决yum install mysql-server没有可用包的问题
- NAT的四种类型
- 字符流中第一个不重复的字符
- ubuntu中Firefox如何安装下载工具uget+aria2
- LigerUI 中的 Grid (ligerGrid) 如何合并单元格
- SharePoint2013-显示网站菜单中设计管理器功能
- Android Studio卡顿
- TFS2017持续集成构建
- 欢迎使用CSDN-markdown编辑器
- NVMe PM951 硬盘写入速度优化
- Java 6-3:轮流值班儿,相互纠缠——线程协作
- js常用正则表达式
- Codeforces742E-Arpa’s overnight party and Mehrdad’s silent entering(构造+二分图染色)