如何使用 GridView 创建每行 4 列的动态表？答案

【问题标题】：How to create dynamic table 4 columns per row using GridView?如何使用 GridView 创建每行 4 列的动态表？
【发布时间】：2015-08-19 21:08:45
【问题描述】：

您好，我是 c# 和 bootstrap 的新手，我想使用 gridview 设置如下图所示的表格样式并使其具有响应性，但我不知道如何实现它。

aspx代码：

<div class="table-responsive"> 
    <asp:GridView runat="Server" id="data" CssClass="table table-hover table-bordered"/>
</div>

css代码：

.table-responsive{
    margin: 20px;
}

但是我的表格的输出看起来像这样

【问题讨论】：

查看sitepoint.com/easy-responsive-css-grid-layouts

标签： c# css asp.net twitter-bootstrap gridview

【解决方案1】：

对 c# 了解不多，但通过 bootstrap，您可以使用类 row 和 col-sm-3、col-md-3、col-lg-3 来获得不同的视图。

<div class="table-responsive"> 
    <div class="row">
        <div class="col-sm-3 col-md-3">section1</div>
        <div class="col-sm-3 col-md-3">section2</div>
        <div class="col-sm-3 col-md-3">section3</div>
        <div class="col-sm-3 col-md-3">section4</div>
    </div>
</div>

形成更多帮助http://getbootstrap.com/css/#grid

【讨论】：

【解决方案2】：

您无法使用GridView 实现该结构。你真正需要的是FormView。在 FormView 的 ItemTemplate 中使用所需的标记定义 table。

MSDN 网址：Using the FormView's Templates

【讨论】：