如何在jqgrid中合并页脚行的列 [英] How to merge the footer row's column in jqgrid

问题描述

我在页脚栏中需要显示所有信息.我已将页脚行添加为true，并添加了页脚行.

I have a footer column, where i need to show the total information. I have added the footer row true and got the footer row added.

类似于上图.

在页脚行中，我想将客户端和日期列合并为一列.

Here in footer row, i want to merge the client and date colum for the total in single column.

任何人都做过，请分享您的想法

Does any one have done, please share your thoughts

推荐答案

您使用我的旧演示来自答案.如果我理解正确，则希望删除页脚行中某些列之间的垂直线(单元格边框).可以设置colspan(接近答案的结果).该方法的缺点是将需要调整resizeStop内部合并列的width.因此，我建议您使不需要的垂直线透明.通常，它与我在答案中描述的内容基本相同.在您的情况下，它将类似于

You use my old demo from the answer. If I understand you correctly you want remove vertical lines (cell borders) between some columns in the footer row. One can set colspan (close to the results from the answer). The disadvantage of the approach will be that one would need to adjust the width of the merged columns inside of resizeStop. So I suggest you to make unneeded vertical lines transparent. In general it's mostly the same what I described in the answer. In your case it would be something like

var $footRow = $("#list").closest(".ui-jqgrid-bdiv")
                         .next(".ui-jqgrid-sdiv")
                         .find(".footrow");

$footRow.find('>td[aria-describedby="list_name"]')
    .css("border-right-color", "transparent");

演示演示了该方法.我使页脚行的一些更右边框不可见.因此结果如下图所示:

The demo demonstrates the approach. I made some more right borders of footer row invisible. So the results are like on the picture below:

这篇关于如何在jqgrid中合并页脚行的列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！