easyUI datagrid合并单元格后一点小调整？

Question

datagrid中将相同的列合并单元格成功，代码也是我在网上找的直接用的，但是合并单元格后：

第一行都会连着那个合并的单元格

下面几行都好好的。

怎样感觉不好看别扭死了，怎么进行修改呢？？？

合并的代码：

function mergeCellsByField(tableID, colList) {
		var ColArray = colList.split(",");
		var tTable = $('#' + tableID);
		var TableRowCnts = tTable.datagrid("getRows").length;
		var tmpA;
		var tmpB;
		var PerTxt = "";
		var CurTxt = "";
		var alertStr = "";
		for (var j = ColArray.length - 1; j >= 0; j--) {
			// 当循环至某新的列时，变量复位。
			PerTxt = "";
			tmpA = 1;
			tmpB = 0;
			// 从第一行（表头为第0行）开始循环，循环至行尾(溢出一位)
			for (var i = 0; i <= TableRowCnts; i++) {
				if (i == TableRowCnts) {
					CurTxt = "";
				} else {
					CurTxt = tTable.datagrid("getRows")[i][ColArray[j]];
				}
				if (PerTxt == CurTxt) {
					tmpA += 1;
				} else {
					tmpB += tmpA;
					tTable.datagrid('mergeCells', {
						index : i - tmpA,
						field : ColArray[j],
						rowspan : tmpA,
						colspan : null
					});
					tmpA = 1;
				}
				PerTxt = CurTxt;
			}
		}
	}

onLoadSuccess : function(data) {
			if (data.rows.length > 0) {
				mergeCellsByField("myTable", "costname");
			}
		},

Answer 1

我加入样式，没什么作用啊

Answer 2

 #center  .datagrid-row-selected 

       {

          background: transparent;

          color: #000000;

       }

      #center .datagrid-row-over,

      #center .datagrid-header td.datagrid-header-over 

      {

          background: transparent;

          color: #000000;

          cursor: default;

      }

 #center td:hover {
          background: #95B8E7;
      } 

Answer 3

你要是解决了，回来跟我说哈。我要是解决了我就来发帖！

Answer 4

我也遇到同样的问题，求解决

关注中。。。