MVC 3 WebGrid.表页脚参数

本文关键字：参数 WebGrid MVC | 更新日期: 2023-09-27 18:00:12

我一直在尝试使用WebGrid来显示包含网格总计的页脚行。到目前为止，我一直在将totals行附加到结果集中，这部分起作用。我的问题是，当你排序时，总行也会被排序，这是我不希望的。此外，当您在混合中添加分页时，总行位于最后一页。

我注意到有一个方法WebGrid.Table，它接受一个名为System.Func类型的footer的参数。我想这可能允许我设置footer行，但似乎没有任何关于如何使用它的文档。这个怎么用？

MVC 3 WebGrid.表页脚参数

footer参数需要一个Razor模板，就像WebGridColumn:的format参数一样

var grid = new WebGrid(Model);
var cols = new List<WebGridColumn>();
//add some columns
var table = grid.Table(columns: cols, footer: @<text>Footer</text>);
....
....
@table

这将在具有单个td的tfoot元素中呈现单词"页脚"，其中colspan等于List<WebGridColumn>中的列数。如果你想在某些列下对齐页脚文本，你可以将一个完整的HMTL表传递给Razor模板代理，并相应地设置样式以实现所需的对齐，例如：

footer: @<table><tr><td colspan="3">&nbsp;</td><td>footer</td><td>&nbsp;</td></tr></table>

或者，您可以使用jQuery创建页脚：

<script>
    $(function () {
        var html = '<tfoot><tr><td colspan="3">&nbsp;</td><td>footer</td><td>&nbsp;</td>';
        $('table').append(html);
    });
</script>
相关文章：