的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
這將具有單個td
與colspan
等於一個tfoot
元素渲染單詞「頁腳」 List<WebGridColumn>
中的列數。如果要對齊某些列下頁腳文本,你可以到剃刀模板代表和風格經過了完全HMTL表就相應地達到預期的對齊如:
footer: @<table><tr><td colspan="3"> </td><td>footer</td><td> </td></tr></table>
或者,你可以使用jQuery創建一個頁腳:
<script>
$(function() {
var html = '<tfoot><tr><td colspan="3"> </td><td>footer</td><td> </td>';
$('table').append(html);
});
</script>
那麼,在第二個示例中,您將爲頁腳渲染的表格也將在tfoot> td中渲染? 我見過jQuery的方式,但我認爲它很「哈克」。這是我腦海中的基本功能。 – Manuel 2013-02-19 22:44:03
否 - 如果您沒有在WebGrid.Table方法中指定頁腳,則不會顯示
,因此jQuery示例不會生成嵌套表格。將附加到呈現的網格上(假設它是頁面上唯一的相關問題