C# 如何使用table代替gridview？

我不知道我的问题是好是坏还是重复，但我真的想请你帮个忙。 我的设计师给我的网格设计使用html表格，这看起来很漂亮，但当我在asp gridview中使用相同的css类时，它看起来完全不同

附加信息：在我的项目中，我使用了Telerik网格。我也尝试过应用所有的css，但是没有用。 我不能改变设计师的css，因为它是为我们所有的公司

现在我终于想使用designer给我的表，并将其用作网格，但我真的不知道如何从datatable中填充它？

使用引导时，您可以使用class=table-table-striped这样的类，并且您实际上拥有一个具有交替行颜色的漂亮网格，就像我在您发布的图像中看到的那样

使用ASP.NET，使用Nuget并安装引导程序。母版页或版面中的参考

---

我假设你的风格覆盖了你的设计师给你的。如果您正在使用他们的样式表，请确保覆盖默认样式。要么省略母版页中的样式引用，等等。。。或者在asp.net web窗体或mvc应用程序中，将其样式表引用置于默认值之下。（我假设web表单包含masterpage，因为您说的是Gridview）。

您可以使用ListView包含组件。下面是ListView的示例代码

<asp:ListView ID="ListView1" GroupPlaceholderID="group" GroupItemCount="1" ItemPlaceholderID="item" runat="server">
        <LayoutTemplate>
            <table>
                <asp:PlaceHolder runat="server" ID="group"></asp:PlaceHolder>
            </table>
        </LayoutTemplate>
        <GroupTemplate>
            <tr>
                <asp:PlaceHolder runat="server" ID="item"></asp:PlaceHolder>
            </tr>
        </GroupTemplate>
        <ItemTemplate>
            <td>
                <table cellpadding="2" cellspacing="0"  border="1" style="width: 200px; height: 100px">
                    <tr>
                        <td>
                            <span>
                                <%# Eval("Id") %>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                            Number: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                            Date: <span><%# Eval("Field_name_of_your_DB", "{0:MM dd, yyyy}") %></span><br />
                            Comment: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                        </td>
                    </tr>
                </table>
            </td>
        </ItemTemplate>
    </asp:ListView>

名称：

编号：

日期：

评论：

我正在使用bootstrap，但它有点根据我们的需要定制，比如颜色。您可能希望在JSFIDLE中使用代码，甚至保存一个FIDLE并发布它。是的，当然。现在如何将其转换为asp gridview？我是说不要使用gridview。如果您想使用gridview，请查看源代码，并开始将类添加到标记中，或者在加载jquery DOM后向asp.net引擎进行一些后期渲染，但查看基本类请使用listview。生成的标记将非常灵活

<asp:ListView ID="ListView1" GroupPlaceholderID="group" GroupItemCount="1" ItemPlaceholderID="item" runat="server">
        <LayoutTemplate>
            <table>
                <asp:PlaceHolder runat="server" ID="group"></asp:PlaceHolder>
            </table>
        </LayoutTemplate>
        <GroupTemplate>
            <tr>
                <asp:PlaceHolder runat="server" ID="item"></asp:PlaceHolder>
            </tr>
        </GroupTemplate>
        <ItemTemplate>
            <td>
                <table cellpadding="2" cellspacing="0"  border="1" style="width: 200px; height: 100px">
                    <tr>
                        <td>
                            <span>
                                <%# Eval("Id") %>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                            Number: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                            Date: <span><%# Eval("Field_name_of_your_DB", "{0:MM dd, yyyy}") %></span><br />
                            Comment: <span><%# Eval("Field_name_of_your_DB") %></span><br />
                        </td>
                    </tr>
                </table>
            </td>
        </ItemTemplate>
    </asp:ListView>