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>