Asp.net mvc MVC:有时我更喜欢我的网格是一个带有滚动条的容器,而不是使用分页,但是
。。。考虑到我赶时间,在将标题与内容对齐时,标记并不好。基本上我是硬编码单元格的宽度,标题单元格中的值与内容单元格中的值不同。 之所以会出现这种情况,一个重要原因是页眉单元格必须位于容器盒的外部。 考虑到我必须硬编码单元格的宽度,而宽度不匹配,有没有更好的方法? 这就是视图的标记Asp.net mvc MVC:有时我更喜欢我的网格是一个带有滚动条的容器,而不是使用分页,但是,asp.net-mvc,Asp.net Mvc,。。。考虑到我赶时间,在将标题与内容对齐时,标记并不好。基本上我是硬编码单元格的宽度,标题单元格中的值与内容单元格中的值不同。 之所以会出现这种情况,一个重要原因是页眉单元格必须位于容器盒的外部。 考虑到我必须硬编码单元格的宽度,而宽度不匹配,有没有更好的方法? 这就是视图的标记 <table> <tr> <th style="width:100px"> Name
<table>
<tr>
<th style="width:100px">
Name
</th>
<th style="width:120px">
Date Issued
</th>
<th style="width:70px">
Type
</th>
<th style="width:120px">
Holiday Date
</th>
<th style="width:50px">
Approve?
</th>
<th style="width:50px">
Reject?
</th>
<th style="width:230px">
Reason for rejection
</th>
</tr>
</table>
<div id="pageLengthRequest">
<table class="StripeGrid">
<%: Html.EditorFor(model => model.RequestList)%>
</table>
</div></div>
<div><p style="padding-top:10px">
<span style="float:right;"><input type="submit" value="Submit Approvals/Rejections" /></span>
</p></div>
名称
发布日期
类型
假日日期
批准
拒绝
拒绝理由
模型.请求列表)%>
这是显示内容的编辑器模板的标记
model.annualLeaveBookId)%%>model.EmployeeId)%%>
型号.请求日期)%>
型号.类型)%>
型号.年平均有效期)%>
型号.ApproveFlag)%>
model.RejectFlag)%%>
型号(原因)%>
我的问题是如何改进此代码?我不喜欢这样的事实,我必须指定单元格的宽度,并且宽度是不同的。我想一定有更好的办法。我已经编辑了上面的文字,所以你现在知道我的问题了。为什么宽度不匹配?你有两个标题的和数据单元,他们应该平等地匹配,但在实践中它不这样工作,我不知道为什么。因此,如果有更好的解决方案,我希望有更好的解决方案。
<tr>
<td style="width:100px">
<%: Html.HiddenFor(model => model.AnnualLeaveBookedId) %><%: Html.HiddenFor(model => model.EmployeeId) %>
<%: string.Format("{0} {1}", Model.Forename, Model.Surname) %>
</td>
<td style="width:125px">
<%: String.Format("{0:ddd, MMM d, yyyy}", Model.RequestDate) %>
<%: Html.HiddenFor(model => model.RequestDate)%>
</td>
<td style="width:70px">
<%: Model.Type %>
<%: Html.HiddenFor(model => model.Type)%>
</td>
<td style="width:125px;" class="FontWeightBold">
<%: String.Format("{0:ddd, MMM d, yyyy}", Model.AnnualLeaveDate) %>
<%: Html.HiddenFor(model => model.AnnualLeaveDate) %>
</td>
<td style="width:60px">
<%: Html.CheckBoxFor(model => model.ApproveFlag) %>
</td>
<td style="width:55px">
<%: Html.CheckBoxFor(model => model.RejectFlag) %>
</td>
<td style="width:230px">
<%: Html.TextAreaFor(model => model.Reason) %>
</td>
</tr>