检查未显示在正确的位置

Question

我有一个局部视图，下面有一个表格。我试图在第一列显示复选框，但没有正确显示。

<h4>Select Skills...</h4>
@using (Ajax.BeginForm("ManagePartial", new AjaxOptions { UpdateTargetId = "PartialDiv", HttpMethod = "Get", OnComplete = "preventpartialUpdate" }))
{
    <p>
        Find by name: @Html.TextBox("SearchString", ViewBag.CurrentFilter as string)
        <input type="submit" name="command" value="Search..."/>
    </p>
}
<table class="table">
    <tr>
        <th>Checked</th>
        <th>Heading</th>
    </tr>
    @foreach (var item in Model)
    {
        <tr>
            <td>

                @Html.CheckBoxFor(x => item.CheckedStatus)
                @Html.HiddenFor(x => item.CheckedStatus)
            </td>
            <td>
                @Html.HiddenFor(x => item.Skill)
                @Html.DisplayFor(x => item.Skill)</td>
        </tr>
    }
</table>

复选框显示chrome developer工具，但屏幕显示（一个复选框或全部堆叠在一个位置（左上角）。附图。

任何想法都将不胜感激。