jqGrid分组行重写“间隔”列，我建立到我的网格

当我添加分组到网格它工作很好，除了一个问题。包含分组信息的行正在用网格的“宽度”的网格构建，这意味着它位于构建到网格中的某些垂直列的顶部，以帮助添加视觉分隔 enter image description here 。jqGrid分组行重写“间隔”列，我建立到我的网格

有没有办法让这一行不跳过那一列，这样我就可以在我的网格中的部分之间保持一个很好的视觉中断？

更新： 我通过以下的方法过程中添加这些垂直的“间隔体”的列： -in所述的jqGrid设置

beforeProcessing: function (data, status, xhr) { 
     //add the spaces to the returned data to allow for the blank vertical columns in the grid 
     for (var x = 0, length = data.rows.length; x < length; x++) { 
      data.rows[x].cell.splice(6, 0, ""); 
     } //for 
    }, //beforeProcessing

-colmodel设置匹配将包含“空间”

细胞

{ name: "empty1" ,width: 10, sortable: false, hidedlg: true, search: false, resizable: false, fixed: true, classes: 'NoHorizontalGridBorders' },

-CSS

.NoHorizontalGridBorders { border-bottom-color: transparent !important; background-color: White !important;}

来源

2013-07-09 Mark

您应该提供一个演示（例如，在[jsfiddle]（http://jsfiddle.net/）中），它可以重现问题。你谈论“间隔”栏目，但不清楚你是如何实施这些栏目的。 – Oleg

@Oleg我更新了更多的细节，我会根据你的帖子在Oleg的某个位置混合使用这个方法，而且他们在开始使用分组时只注意到了我注意到的这个小问题。如果上面没有给出完整的图片，我可以尝试一起扔一个jsfiddle例子。 – Mark

好的我现在提醒我关于密切的问题，但我仍然不确定你想如何分组行。你想在“空”列中的行之间没有水平线吗？那么处于折叠状态的行呢？ – Oleg

如果我理解正确，你需要修改loadComplete中的分组线。例如the following demo，其是从the answer的the demo变形例中，显示下面的格子

enter image description here

的代码非常简单：

loadComplete: function() { 
    var $groupingHeaders = $(this).find(">tbody>tr.jqgroup"); 
    $groupingHeaders.find(">td").addClass("noVerticalLines").attr("colspan", "1"); 
    $groupingHeaders.append("<td class='noHorizLines noVerticalLines'>&nbsp;</td>" + 
     "<td colspan='3' class='noVerticalLines'>&nbsp;</td>" + 
     "<td class='noHorizLines noVerticalLines'>&nbsp;</td>" + 
     "<td colspan='2'>&nbsp;</td>"); 
}

其中所述类别noHorizLines和noVerticalLines CSS定义为

.ui-jqgrid tr.ui-row-ltr td.noVerticalLines { border-right-color: transparent; } 
.ui-jqgrid tr.ui-row-ltr td.noHorizLines { border-bottom-color: transparent; }

同样在你可以修改上面的代码来制作其他一些效果（水平线或垂直线，在你想要的地方）。

来源

2013-07-09 19:14:58 Oleg

嗡嗡声，这似乎是正确的路径，剩下的唯一技巧是我有一个按钮，可以根据用户的喜好切换许多列的可见性。您是否看到任何方式围绕这个？ – Mark

同样，非常感谢您花时间，我怎么给你买一瓶啤酒！ – Mark

@Mark：对不起，但我不明白你的意思是什么“一个按钮，可以切换数字的可视性根据用户的偏好设置列“你确切地知道了哪个问题？我只是增加了一个''元素的例子（参见我的代码中的'$ groupingHeaders.append'），你可以根据'colM odel'，列'emptyX'和根据哪些列当前具有'hidden：true'属性。 – Oleg

jqGrid分组行重写“间隔”列，我建立到我的网格

回答

相关问题