Asp.net 如何设计GridView?
我在我的ASP.Net页面中关注了GridView: 应该是这样的: (由矿山设计师在Photoshop中制作) (标题背景是一个文件) 我试了很多,但设计这个似乎很难。 这是我的密码:Asp.net 如何设计GridView?,asp.net,gridview,Asp.net,Gridview,我在我的ASP.Net页面中关注了GridView: 应该是这样的: (由矿山设计师在Photoshop中制作) (标题背景是一个文件) 我试了很多,但设计这个似乎很难。 这是我的密码: <asp:GridView ID="itemsGrid" runat="server" AllowPaging="True" AutoGenerateColumns="False" AllowSorting=true DataSourceID="imei
<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>
如果使用css进行此操作,并对gridview呈现的元素进行样式设置,则会更容易。您应该首先为gridview指定一个CssClass名称,这样您的样式就不会与站点上的其他表相混淆。我建议使用firebug之类的工具来帮助您查看gridview的渲染结果。如果我没记错,你给gridview一个CssClass'grid',如果标题行呈现为一个th:
.grid th{background:url('whatever.png') repeat-x;}
您可以使用为每个列定义的标题CSS类(例如,
),然后使用一些CSS为标题单元格设置背景图像样式:
.header
{
background:transparent url('my_header_img_url') repeat-x scroll 0 0;
}
你能上传新照片吗?当前的图片很小,没有显示足够的细节。Sry我链接的是拇指,而不是图片。我改了!