Jquery 如何为自动生成的列添加自定义摘要?

Jquery 如何为自动生成的列添加自定义摘要?,jquery,ignite-ui,iggrid,Jquery,Ignite Ui,Iggrid,我正在使用iggrid和我的autoGenerateColumns:true,is true。没有每次生成的固定列数 我想使用自定义摘要来计算动态列中每行的总和,并将其显示在底部。您所描述的自定义摘要是一个显示所有行总和的摘要,igGrid开箱即用支持该摘要(如果启用了摘要),可以通过在“摘要”中设置和进行设置选项 如果您的列包含数值,启用“摘要”功能将立即生效 如果要显示特定摘要(在本例中为“sum”),但不知道列键,可以使用CSS选择器隐藏其余默认摘要,如下所示: <style>

我正在使用iggrid和我的autoGenerateColumns:true,is true。没有每次生成的固定列数


我想使用自定义摘要来计算动态列中每行的总和,并将其显示在底部。

您所描述的自定义摘要是一个显示所有行总和的摘要,igGrid开箱即用支持该摘要(如果启用了摘要),可以通过在“摘要”中设置和进行设置选项

如果您的列包含数值,启用“摘要”功能将立即生效

如果要显示特定摘要(在本例中为“sum”),但不知道列键,可以使用CSS选择器隐藏其余默认摘要,如下所示:

<style>
    tfoot[role='rowgroup'] tr:not([id$='_sum']) {
        display: none
    }
</style
这将允许您为摘要功能设置列设置,即使它已初始化。如果您有一个键为“UnitPrice”的列,并且希望在网格初始化后禁用其摘要,则代码如下所示:

$("#grid").igGrid("option", "columns")
$("#grid").igGridSummaries("option", "columnSettings", [{ columnKey: "UnitPrice", allowSummaries: false  }]);
我认为在对igGrid进行数据绑定之前转换API数据,以便将日期垂直显示在不同的行上,而不是将其可视化为列,这可能是一个更好的主意–这将允许您更轻松地使用摘要,并计算学生缺席的天数

请注意,为了使用摘要功能,应在网格功能配置中启用它,例如:

features: [
    {
        name: 'Summaries'
    }
]