代码之家 › 专栏 › 技术社区 › PassionateDeveloper

如何设计GridView?

gridview asp.net

PassionateDeveloper · 技术社区 · 14 年前

http://s2.imgimg.de/uploads/14b706b38JPG.jpg

http://s2.imgimg.de/uploads/392bac9b9JPG.jpg (由我的设计师在Photoshop中制作)。

(标题背景是一个文件)

这是我的密码:

        <asp:GridView ID="itemsGrid" runat="server" AllowPaging="True" 
        AutoGenerateColumns="False" AllowSorting=true
        DataSourceID="imeiEntryDataSource" OnRowDataBound="gvItems_RowDataBound" 
        onsorting="itemsGrid_Sorting" BorderColor="Gray">
        <Columns >

            <asp:BoundField DataField="IMEI" HeaderText="IMEI" SortExpression="IMEI">
                <ItemStyle  Width="200px" HorizontalAlign="Center" />
            </asp:BoundField>
             <asp:BoundField DataField="StolenOrLost" HeaderText="Status" SortExpression="StolenOrLost">
                <ItemStyle Width="100px" HorizontalAlign="Center" />
            </asp:BoundField>
            <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name">
                <ItemStyle Width="300px" HorizontalAlign="Center" />
            </asp:BoundField>

            <asp:TemplateField ItemStyle-Width="150px" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle"
                HeaderText="Description">
                <ItemTemplate>
                    <asp:Label ID="descriptionLabel" runat="server" Text="XXX"></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField ItemStyle-Width="180px" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle"
                HeaderText="Enterdate">
                <ItemTemplate>
                    <asp:Label ID="datetimeLabel" runat="server" Text="XXX"></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField ItemStyle-Width="20px" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle"
                HeaderText="">
                <ItemTemplate>
                    <asp:HyperLink ID="detailsLink" runat="server">
                        <asp:Image ID="imgDetails" ImageUrl="~/Images/Little/search.png" runat="server" Width="20px"
                            Height="20px" />
                    </asp:HyperLink>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

2 回复 | 直到 14 年前

Mike Florian Doyen 14 年前

如果您使用css来实现这一点,并为gridview呈现的元素设置样式,您将更容易。您应该首先为gridview指定CssClass名称,这样您的样式就不会与站点上的其他表发生冲突。我建议使用firebug这样的工具来帮助您查看gridview的渲染结果。如果我没记错的话,给gridview一个CssClass'grid',如果标题行呈现为th:

.grid th{background:url('whatever.png') repeat-x;}

bugventure 14 年前

您可以使用头CSS类(例如。 <HeaderStyle CssClass="header" />

.header
{
    background:transparent url('my_header_img_url') repeat-x scroll 0 0;
}

推荐文章

Community wiki · 为什么使用DirectoryEntry对LDAP进行身份验证会间歇性地抛出COMException(0x8007203A):“服务器不可操作”?

1 年前

PixelScribe · 实体框架EDMX未更新ASP.NET web应用程序中的连接字符串

1 年前

Hua Deng · page_load中的调用方法导致adapter.fill()上出现StackOverflowException,但在其他地方调用时没有问题

1 年前

WingiM · REST API-如何实现具有相同名称但可接受参数类型不同的多个方法

1 年前

Community wiki · 基于两个参数在文本框中使用上下文键自动完成?

1 年前

NAM3L3SSRJ · 如何在C语言中创建一个方法或函数,在超市销售时减少数据库中的库存

2 年前

Javad A salehi · C#如何解析“MyValue”的动态值

2 年前

AlÄ±yev Rufet · 无法构造某些服务(验证服务描述符的服务类型时出错:Restaurant.Data.IAppRepository

2 年前

Geoff · 从Microsoft Identify Platform获取访问令牌

2 年前

Haim Ohayon · 这些链接之间有什么区别?

2 年前