gridview布局_grid css

gridview布局_grid css页面代码


Jetbrains全系列IDE稳定放心使用

gridview布局_grid css

 

页面代码:

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; }  

gridview布局_grid css

完整代码下载:

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189650.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • spring aop实例讲解_Spring Framework

    spring aop实例讲解_Spring Framework在上篇博文中,我向大家介绍了Aop重要概念和教程,这回给出代码示例。一、XML方式1.TestAspect:切面类packagecom.spring.aop;importorg.aspectj.lang.JoinPoint;importorg.aspectj.lang.ProceedingJoinPoint;publicclassTestAspect{ pu

    2022年8月11日
  • ubuntu设置虚拟显示器且远程连接[通俗易懂]

    ubuntu设置虚拟显示器且远程连接[通俗易懂]ps:如果需要再用显示器,需要删除或者重命名“xorg.conf”文件,后缀名改掉即可,如.conf_bak。虽然配置上面写了“1920×1080”,但是实际上最大支持“1360×768”,重启即可生效。重启计算机后,系统会默认使用虚拟显示器,即使接入了显示器,也不会输出信号到显示器上!使用teamviewer、todesk或者向日葵等远程工具实现远程连接即可。…

    2022年8月21日
  • JVM进阶(十一):JAVA G1收集器

    JVM进阶(十一):JAVA G1收集器JVM进阶(十一)——JAVAG1收集器  在前两篇博文中讲解了新生代和年老代的收集器,在本篇博文中介绍一个收集范围涵盖整个堆的收集器——G1收集器。先讲讲G1收集器的特点,他也是个多线程的收集器,能够充分利用多个CPU进行工作,收集方式也与CMS收集器类似,因此不会有太久的停顿。  虽然回收的范围是整个堆,但还是有分代回收的回收方式。在年轻代依然采用复制算法;年老代也同样采用“标记-清除

    2022年6月13日
  • 微信上线新功能“话题”,字体一键变蓝色,还有超多视频看

    上个月,微信在朋友圈上线小功能【标签(话题)】,大家都知道吧? 发朋友圈时,输入“#+文字”,文字立马变成可点击的蓝色超链接。 如下图所示,哔哥好友发布的“#手工”以蓝色字体的形式…

    2020年11月20日
  • Loadrunner11激活成功教程完成添加License失败

    Loadrunner11激活成功教程完成添加License失败Loadrunner11激活成功教程成功后,用deletelicense.exe工具把License全删除了,启动 Loadrunner,进入目录CONFUGURATION—>loadrunnerlicense,添加license提示我“Licensesecurityviolation.Operationisnotallowed”,于是我猜想是不是我运行deletelicense.exe工

    2022年7月22日
  • MFC之进度条CProgressCtrl

    MFC之进度条CProgressCtrl一、成员函数简介1、create()针对不是通过资源文件上拖拉进度条控件生成的进度条,需要用此函数创建一个。2、SetRange()设置进度条的起始值和终止值。3、SetPos()设置进度条的当前位

    2022年7月2日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号