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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • Java 线程死锁及如何避免死锁介绍

    Java 线程死锁及如何避免死锁介绍死锁是指两个或两个以上的线程在执行过程中,**因争夺资源而造成的互相等待**的现象,在无外力作用的情况下,这些线程会一直相互等待而无法继续运行下去,

    2022年7月13日
  • 单选框设置默认选中

    单选框设置默认选中单选框设置默认选中

    2022年5月7日
  • 布隆过滤器原理简介视频_布隆过滤器误判怎么办

    布隆过滤器原理简介视频_布隆过滤器误判怎么办目录1.布隆过滤器简介2.布隆过滤器的实现思路3.布隆过滤器的公式4.实际应用场景1.布隆过滤器简介布隆过滤器(BloomFilter)是由一个很长的bit数组和一系列哈希函数组成的。本质上是一种数据结构,比较巧妙的概率型数据结构。它的特点是高效地插入和查询,并且根据查询结果可以知道某样东西一定不存在或者可能存在。相比于传统的List、Set、Map等数据结构,它更高效、占用空间更少,但是缺点是其返回的结果是概率性的,而不是确切的,同时布隆过滤器还有一个缺陷就是数据只..

    2022年10月7日
  • DataGrid中DropDownList的动态绑定和触发DropDownList事件[通俗易懂]

    DataGrid中DropDownList的动态绑定和触发DropDownList事件[通俗易懂]我在写DataGrid控件中子控件事件时候,DropDownList的事件相比而言麻烦一点,在此,我简单罗列如下(我在此处为了方便这里都用DataGrid中的隐藏列存储我所要的数据):一、DropDownList的动态绑定,只需在DataGrid1_ItemDataBound的事件中,取出数值进行匹配,便可以了,具体代码如下:二、触发DataGrid中DropDownList的事件前台

    2022年9月12日
  • idea2021.7 30天激活码【中文破解版】

    (idea2021.7 30天激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~MLZPB5EL5Q-eyJsaWNlb…

    2022年3月21日
  • smalldatetime

    smalldatetimeSQLSERVER的DateTime类型精度很高,精确到秒再往下,对于一般的系统,完全没有必要,因此日期类型,我通常设置为smalldatetime,精确到分就行了,它的秒恒为0。但今天才知道,它的日期有范围,是1900-01-01到2079-06-06所以象下面这种句子就一定会报错:declare@dateSMALLDATETIME=’2099-01-01’DATETIME:17

    2022年5月20日

发表回复

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

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