Asp.net mvc 如何在引导表中隐藏列？

在使用Bootstrap的ASP.NET MVC Core应用程序（默认情况下由Visual Studio 2015 MVC Core项目安装）中，我需要在控制器中使用ID列，但希望将其隐藏在视图中。但是下面的

视图

仍将该列显示为空白。我想隐藏ID列的第一列

查看：

@model List<myProj.Models.StateName>

<form id="target" asp-controller="TestController" asp-action="TestAction" asp-route-returnurl="@ViewData[" ReturnUrl"]" method="post">
    <table class="table">
        <thead>
            <tr>
                <th></th>
                <th>
                    State Name
                </th>
                <th>
                    State Code
                </th>
            </tr>
        </thead>
        <tbody>
            @for (int i = 0; i < Model.Count(); i++)
            {
            <tr>
                <td><input asp-for="@Model[i].StateId" type="hidden" /></td>
                <td>
                    <label asp-for="@Model[i].State"></label>
                </td>
                <td>
                    <input asp-for="@Model[i].StateCode" type="text" readonly style="border:0px;"/>
                </td>
            </tr>
            }
        </tbody>
    </table>
    <button type="submit" class="btn btn-default">Save</button>
</form>

@型号列表
州名
州代码
@对于（int i=0；i

我已经测试了您在本文中描述的行为。“坏表”版本演示了我认为您可能看到的情况，并通过忽略在该列中的单个

th

/

td

中添加

display:none

。“Good Table”版本将第一列完全隐藏，并拉伸以填充整个可用宽度

好桌子
第1栏
第2栏
第3栏
数据1.1
数据1.2
数据1.3
数据2.1
数据2.2
数据2.3
数据3.1
数据3.2
数据3.3
坏桌子
第1栏
第2栏
第3栏
数据1.1
数据1.2
数据1.3
数据2.1
数据2.2
数据2.3
数据3.1
数据3.2
数据3.3

添加

style=“可见性：隐藏”

，或者您可以在

和

@Div

style=“可见性：隐藏”

中添加属性

style=“display:none”

。我刚刚在我的帖子中添加了一个更新部分。@arasurk

style=“display:none”

不太管用。我刚刚在我的帖子中添加了一个更新部分。@arasurk您可能建议的是用户

Chris Pratt

在下面展示的内容-它很有效（谢谢）。