Question

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

其他信息：在我的项目中，我使用了Telerik网格。我已经尝试过应用所有的CSS而且没用。我不能改变设计师的CSS，因为它适用于我们所有的公司。

现在终于我想使用设计师给我的同一个表并将其用作网格，但我真的不知道如何从数据表中填充它？ here is what my design is.

Answer 1

1. GridView generates/renders code in which it is difficult to impossible to modify.
2. I would stay away from Telerik as well.
3. Use Bootstrap CSS, you should be very happy with bootstrap css framework as you will get that look above very easily.

使用Bootstrap，您可以使用类= table table-striped等类，并且您可以有效地使用具有交替行颜色的漂亮网格，就像我在您发布的图像中看到的一样。

使用ASP.NET，使用Nuget并安装Bootstrap。在Masterpage或布局中引用。

我认为你的风格会覆盖你的设计师给你的东西。也许如果您使用的是样式表，请确保覆盖默认样式。 OMIT是母版页中的样式引用等......或者将它们的样式表引用置于默认值下面，例如asp.net web forms或mvc应用程序。（我假设网页表格带有母版页，因为你说的是Gridview）。

Answer 2

您可以使用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>

如何使用表而不是gridview？

2 个答案: