ligerUi表格单元格合并

By | 05月30日
Advertisement
//合并单元格
            function mergeCell(gridid, columnid) { //参数:表格id和列索引关键字,根据表格具体值来动态合并单元格
                var i, j, k, x;
                i = -1; k = 1; j = ""; x = 0;
                var cellname = "";
                $("td[id$='|" + columnid + "']", gridid).each(
                    function() {
                           if($(this).parent().hasClass("l-grid-totalsummary"))return false;//不合并合计行

                         if (j == $("div", this).text() || $("div", this).text() == '') {
                            $(this).addClass("l-remove");
                            k++;
                            $("td[id='" + cellname + "']", gridid).attr("rowspan", k.toString());
                        } else {
                            j = $("div", this).text();
                            var a = $(this);
                            cellname = a.attr("id"); //得到点击处的id
                            k = 1;
                            x = i;
                        }
                        i++;
                    });
                $(".l-remove").remove();
            }

Similar Posts:

  • js表格单元格合并,css表格对角线

    js表格单元格合并,css表格对角线 (2010-05-25 12:30:48) 转载 标签: it 分类:Javascript 每当困难的时候我就念藏经:"噢嘛呢哞嘛哄",翻译成英文就是:All money go my home!- 最近项目过程中,需要做类似的表格.网上查了下资料,最终都还是实现了.下面给出网上的实现方式,可以根据自己业务的需要做相应的扩展. 1. 使用JS合并单元格重复数据的方法 参考网址:http://www.31km.cn/post/352.html 代码示例

  • jQuery实现HTML表格单元格的合并功能

    本文实例讲述了jQuery实现HTML表格单元格合并的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 合并前: 合并后: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.

  • gridview固定表头及当表格数据为空时显示表头方法和GridView单元格合并

    gridview固定表头 protected void gvData_RowDataBound(object sender, GridViewRowEventArgs e) { //该行的每一个单元格 for (int j = 0; j < e.Row.Cells.Count; j++) { //单元格不属于固定列 if (string.IsNullOrEmpty(e.Row.Cells[j].Attributes["style"]) || e.Row.Cells[j].Attr

  • 关于实现DATAGRID中单元格合并的思路

    在开发信息管理系统中不可避免要用到特定大表格格式,其中有些是要进行单元格合并的.以前在ASP中自己画好就OK可,没怎么去研究这个问题,现在碰到ASP.NET提供的DATAGRID,要如何实现单元格的合并呢?现提出个人的思路:如果是列合并:使用COLSPAN=(合并的列数),然后还要隐藏后面多出来的列,所以要把后面的CELL给隐藏.比如你colspan=3,原来有4列,那你要把cell[5].visitable=false,cell[6].visitable=fal ,cell[7].visita

  • 修改TreeList单元格格式(实现类似单元格合并效果)

    关键点:(1)TreeList中显示的单元格默认不显示上.下.左.右边框,显示的是TreeList自身的行横边框.列纵边框,具体对应TreeList属性中OptionView项下的ShowVertLines.ShowHorzLines两项,将其对应默认值由默认False改为True即可去除行横边框.列纵边框,然后设置怎样的单元格格式显示什么样的单元格格式: (2)在*_CustomDrawNodeCell中修改函数,而不是*_NodeCellStyle中修改,另外需要注意,前者在后者前运行,因此

  • CSS实现表格单元格强制换行和强制不换行

    以前总结过Div的换行和不换行的css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行. 近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了. 实现方法(原文copy过来): ===================================== 用CSS实现表格单元格数据自动换行或不换行 1.自动换行: style type="text/css"> .Au

  • JavaScript改变表格单元格的背景颜色(修正版)

    JavaScript改变表格单元格的背景颜色 示例: <table id="table"> <tr> <td>111 </td> </tr> <tr> <td>222 </td> </tr> <tr> <td>333 </td> </tr> <tr> <td>444 </td> </tr&g

  • devexpress实现单元格合并以及依据条件合并单元格

    1.devexpress实现单元格合并非常的简单,只要设置属性[AllowCellMerge=True]就可以了,实现效果如下图: 2.但是在具体要求中并非需要所有的相同单元格都合并,可能需要其他的条件来控制合并.这个时候我们就需要在事件gridView1_CellMerge中来控制了.下图为根据最后一列判断是否合并单元格的效果图(其中第四列设置为不合并<非必需>,这里只是为了达到一个比较效果.). 3.重要代码: int row1 = e.RowHandle1; int row2 = e.R

  • html页面双击表格单元格,成编辑状态。实例

    html页面双击表格单元格,可编辑源码,IE下测试成功. <html> <head> <mce:script type="text/javascript"><!-- var inputItem; var g_activeItem; function changeToText(obj){ if( obj && inputItem ) { var str = " "; if(inputItem.value !=

  • easyUI单元格合并自定义封装(二)

    效果图: 效果图与 easyUI单元格合并自定义封装 (一) 效果图一致 源代码如下: function mergeGridColCells(grid,refCols,rowFildNames) { var rows=grid.datagrid('getRows' ); //alert(rows.length); //alert(rows[1][rowFildName]); var flag=false ; var startIndex=0; var endIndex=0; if(rows.le

Tags: