2013-02-18 21 views
2

我一直在嘗試使用WebGrid來顯示包含網格總計的頁腳行。到目前爲止,我一直在將總計行附加到結果集,這部分工作。我的問題是,當你排序時,總行也被排序,我不想要。另外,當您在混音中添加分頁時,總行將在最後一頁中。MVC 3 WebGrid.Table頁腳參數

我注意到有方法WebGrid.Table它需要一個名爲System.Func類型的頁腳參數。我想這可能會讓我設置頁腳行,但似乎沒有任何有關如何使用它的文檔。這怎麼可以使用?

回答

0

footer參數期望剃刀模板就像format參數WebGridColumn的:

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

這將具有單個tdcolspan等於一個tfoot元素渲染單詞「頁腳」 List<WebGridColumn>中的列數。如果要對齊某些列下頁腳文本,你可以到剃刀模板代表和風格經過了完全HMTL表就相應地達到預期的對齊如:

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> 
+0

那麼,在第二個示例中,您將爲頁腳渲染的表格也將在tfoot> td中渲染? 我見過jQuery的方式,但我認爲它很「哈克」。這是我腦海中的基本功能。 – Manuel 2013-02-19 22:44:03

+0

否 - 如果您沒有在WebGrid.Table方法中指定頁腳,則不會顯示,因此jQuery示例不會生成嵌套表格。將附加到呈現的網格上(假設它是頁面上唯一的

元素。 – 2013-02-20 05:28:26