一个美观的gridview样式

页面代码：

01.<asp:GridView ID="gvCustomres" runat="server"
02.    DataSourceID="customresDataSource"
03.    AutoGenerateColumns="False"
04.    GridLines="None"
05.    AllowPaging="true"
06.    CssClass="mGrid"
07.    PagerStyle-CssClass="pgr"
08.    AlternatingRowStyle-CssClass="alt">
09.    <Columns>
10.        <asp:BoundField DataField="CompanyName" HeaderText="Company Name" />
11.        <asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
12.        <asp:BoundField DataField="ContactTitle" HeaderText="Contact Title" />
13.        <asp:BoundField DataField="Address" HeaderText="Address" />
14.        <asp:BoundField DataField="City" HeaderText="City" />
15.        <asp:BoundField DataField="Country" HeaderText="Country" />
16.    </Columns>
17.</asp:GridView>
18.<asp:XmlDataSource ID="customresDataSource" runat="server" DataFile="~/App_Data/data.xml"></asp:XmlDataSource>

css代码

01..mGrid {
02.    width: 100%;
03.    background-color: #fff;
04.    margin: 5px 0 10px 0;
05.    border: solid 1px #525252;
06.    border-collapse:collapse;
07.}
08..mGrid td {
09.    padding: 2px;
10.    border: solid 1px #c1c1c1;
11.    color: #717171;
12.}
13..mGrid th {
14.    padding: 4px 2px;
15.    color: #fff;
16.    background: #424242 url(grd_head.png) repeat-x top;
17.    border-left: solid 1px #525252;
18.    font-size: 0.9em;
19.}
20..mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
21..mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
22..mGrid .pgr table { margin: 5px 0; }
23..mGrid .pgr td {
24.    border-width: 0;
25.    padding: 0 6px;
26.    border-left: solid 1px #666;
27.    font-weight: bold;
28.    color: #fff;
29.    line-height: 12px;
30. }
31..mGrid .pgr a { color: #666; text-decoration: none; }
32..mGrid .pgr a:hover { color: #000; text-decoration: none; }

完整代码下载：

http://download.csdn.net/detail/goodshot/8122819

一个美观的gridview样式相关推荐

写出一个美观的表单页
如何写出一个美观的表单页前言最近做项目总能遇到各种各样,千奇百怪的需求.用bootstrap等ui框架不能满足客户需求.只能开动自己脑筋,自己写一些样式. 如何调整input样式(包括placeh ...
[js]写一个获取非行间样式的方法
[js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...
CSS——设置第一个以外的元素样式:not(:first-child),设置最后一个除外的元素样式:not(:last-child)
设置第一个以外的元素样式:not(:first-child),设置最后一个除外的元素样式:not(:last-child)
net中 css 控制 GridView 样式
net中 css 控制 GridView 样式 .GridViewStyle { border-right: 2px solid #A7A6AA; border-bottom: ...
一个立体感的按钮样式
原文: 一个立体感的按钮样式 <Style TargetType="ToggleButton"><Setter Property="Template&q ...
【完整代码】用HTML/CSS制作一个美观的个人简介网页
[完整代码]用HTML/CSS制作一个美观的个人简介网页整体结构完整代码用HTML/CSS制作一个美观的个人简介网页--学习周记1 HELLO!大家好,由于<用HTML/CSS制作一个美观 ...
基于Fluent Terminal和Cmder打造一个美观的Windows命令行工具
前言相信有很多小伙伴跟我一样,觉得Windows的原生命令行工具具有很多缺点:传统的黑底白字(Windows PowerShell则是蓝底白字)极不美观,复制文本不方便,不支持多Tab页导致多窗 ...
【博主推荐】HTML制作一个美观的个人简介网页（附源码）
文章目录 HTML制作一个美观的个人简介网页模块1(个人信息)示例图模块2(基本资料)示例图模块3(项目经验)示例图模块4(专业技能)示例图模块5(工作经历)示例图模块6(自我评价)示例图 ...
css人脸识别的圆圈,一个人脸识别的样式纯CSS代码
一个人脸识别的样式纯纯CSS, 复制下方代码修改下图片路径即可人脸扫码效果 img { position: absolute; /* display: none ...
分享一个不错的表格样式
先贴个HTML生成的源码出来: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...

一个美观的gridview样式

一个美观的gridview样式相关推荐

最新文章

热门文章