HTML表格边框现在显示在asp.net mvc 3视图中

下面是我为解决这个问题所做的不同尝试的两个打印屏幕。所有这些都发生在ASP.NETMVC3视图中

我创建的表格如下所示：

<div id="drawForm">
    <table id="drawTemplate" style="border:1px solid lightgrey;border-collapse: collapse">
        @for (var i = 0; i < Model.Count; i++)
        {
            if (Model[i].Columns.Count > 0)
            {
                <tr>
                    @for (var j = 0; j < Model[i].Columns.Count; j++)
                    {
                        <td>
                            @Html.HiddenFor(x => x[i].Columns[j].RowNumber)
                            @Html.HiddenFor(x => x[i].Columns[j].ColumnNumber)
                            @Html.DisplayFor(x => x[i].Columns[j].QuestionText)
                            @Html.EditorFor(x => x[i].Columns[j].FieldValue)
                        </td>
                    }
                </tr>
            }
        }
    </table>
  </div>

所以我想知道的是，为什么我一开始就遇到了这个问题，当然了，除了边界宽度的技巧之外，还有什么办法可以解决这个问题吗

附言

HTML输出：

<table id="drawTemplate" >
                <tr>
                        <td>
                            <input name="[0].Columns[0].RowNumber" type="hidden" value="1" />
                            <input name="[0].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[0].Columns[0].FieldValue" type="text" value="" />
                        </td>
                        <td>
                            <input name="[0].Columns[1].RowNumber" type="hidden" value="1" />
                            <input name="[0].Columns[1].ColumnNumber" type="hidden" value="2" />

                            <input class="text-box single-line" name="[0].Columns[1].FieldValue" type="text" value="yes" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[1].Columns[0].RowNumber" type="hidden" value="2" />
                            <input name="[1].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[1].Columns[0].FieldValue" type="text" value="yes" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[2].Columns[0].RowNumber" type="hidden" value="3" />
                            <input name="[2].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[2].Columns[0].FieldValue" type="text" value="yes" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[3].Columns[0].RowNumber" type="hidden" value="4" />
                            <input name="[3].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[3].Columns[0].FieldValue" type="text" value="no" />
                        </td>
                        <td>
                            <input name="[3].Columns[1].RowNumber" type="hidden" value="4" />
                            <input name="[3].Columns[1].ColumnNumber" type="hidden" value="2" />
                            alabala
                            <input class="text-box single-line" name="[3].Columns[1].FieldValue" type="text" value="no" />
                        </td>
                        <td>
                            <input name="[3].Columns[2].RowNumber" type="hidden" value="4" />
                            <input name="[3].Columns[2].ColumnNumber" type="hidden" value="3" />
                            alabala
                            <input class="text-box single-line" name="[3].Columns[2].FieldValue" type="text" value="no" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[4].Columns[0].RowNumber" type="hidden" value="5" />
                            <input name="[4].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[4].Columns[0].FieldValue" type="text" value="no" />
                        </td>
                        <td>
                            <input name="[4].Columns[1].RowNumber" type="hidden" value="5" />
                            <input name="[4].Columns[1].ColumnNumber" type="hidden" value="2" />

                            <input class="text-box single-line" name="[4].Columns[1].FieldValue" type="text" value="no" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[5].Columns[0].RowNumber" type="hidden" value="6" />
                            <input name="[5].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[5].Columns[0].FieldValue" type="text" value="" />
                        </td>
                </tr>
                <tr>
                        <td>
                            <input name="[6].Columns[0].RowNumber" type="hidden" value="7" />
                            <input name="[6].Columns[0].ColumnNumber" type="hidden" value="1" />
                            alabala
                            <input class="text-box single-line" name="[6].Columns[0].FieldValue" type="text" value="no" />
                        </td>
                </tr>

阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉
阿拉巴拉

尝试使用此CSS声明，就足以为表元素和每个单元格获取边框

#drawForm table {
   border-collapse: collapse;
}

#drawForm table, .drawForm table td {
   border: 1px solid #aaaaaa;
}

---

另外，你似乎会遇到这个问题，因为你在tr和td之间循环，几乎没有td遗漏，因此在你需要声明

rowspan

和

colspan

时，会弄乱你的表格。你使用的是默认样式还是自定义css？你使用的是什么浏览器？我使用的是Mozilla，唯一的自定义CSS是我发布的。你能发布最终的html吗？你现在可以在OPWell中看到它，就像这样，我一点也没有边框。@Leron非常抱歉，我用

替换了

。

现在你可以了try@GabyakaG.Petrioli我才意识到：）@Leron你不可能有这样的动态表，除非和直到您循环整个表

#drawForm table {
   border-collapse: collapse;
}

#drawForm table, .drawForm table td {
   border: 1px solid #aaaaaa;
}