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