如何使用表格代替gridview？

Question

我不知道我的問題是好是壞，還是重復，但我真的想請你幫個忙。 我的設計師使用html表為我提供了網格設計，這看上去很帥，但是當我在asp gridview中使用相同的CSS類時，它看起來就完全不同了。

附加信息：在我的項目中，我使用了Telerik網格。 我也嘗試過應用所有的CSS，但是沒有用。 我不能更改設計師的CSS，因為它對我們公司都是如此。

現在，我最后要使用設計者給我的相同表並將其用作網格，但是我真的不知道如何從數據表中填充它？

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時，您將使用class = table table-striped之類的類，並且您實際上擁有了一個漂亮的網格，它具有交替的行顏色，就像我在發布的圖像中看到的那樣。

使用ASP.NET，使用Nuget並安裝Bootstrap。 母版頁或版式中的參考。

我假設您的樣式會覆蓋設計師提供給您的樣式。 如果您正在使用THEIR樣式表，也可能要確保覆蓋默認樣式。 在主頁面等中省略樣式參考，或者將其樣式表參考放置在諸如asp.net Web窗體或mvc應用程序中的默認值下方。 （因為您說的是Gridview，所以我假設Web表單具有母版頁）。

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>