我在asp.net mvc4应用程序中使用了WebGrid
<td >
@grid.GetHtml(tableStyle:"table_div",
headerStyle:"table_header",
columns: grid.Columns(
grid.Column("Nom de la propriété","Nom de la propriété",canSort:false,format:@<label>@Html.Raw(@item.PName)</label>),
grid.Column("Valeur de la propriété","Valeur de la propriété",canSort:false,format:@<label>@Html.Raw(@item.PName)</label>),
grid.Column("","",canSort:false,format:@<span>@{i++;<input name="proper@(@i)" type="checkbox" />}</span>)))
</td>
的CSS
.table_div {
overflow-y: scroll;
width: 400px;
height: 200px;
position: relative;
}
我想向网格中添加垂直滚动,但是没有用。
生成的HTML
<table class="table_div">
<thead>
<tr class="table_header">
<th scope="col">
Nom de la propriété </th>
<th scope="col">
Valeur de la propriété </th>
<th scope="col">
</th>
</tr>
</thead>
<tbody>
<tr>
<td><label>poids</label></td>
<td><label>poids</label></td>
<td><span><input name="proper0" type="checkbox"></span></td>
</tr>
<tr>
<td><label>taille</label></td>
<td><label>taille</label></td>
<td><span><input name="proper1" type="checkbox"></span></td>
</tr>
</tbody>
</table>
有什么错误?
我该如何解决?
最佳答案
将表放在.table_div
类的div中
您的结构应类似于:
<div class="table_div">
<table> ..
</div>