GridView与css样式

最新推荐文章于 2015-06-25 17:14:15 发布
最新推荐文章于 2015-06-25 17:14:15 发布
阅读量710 收藏
点赞数 1
分类专栏： .net之控件介绍 文章标签： css asp border server table xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmydream0417/article/details/6206032
版权

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="GridViewStyle">
      <Columns >
        
          <asp:BoundField DataField="Leave_Time" HeaderText="时间" />
          <asp:BoundField DataField="Arrival_Time" HeaderText="预计时间" />
          <asp:BoundField DataField="Train_Sch" HeaderText="火车" />
          
  
      </Columns>
       <FooterStyle CssClass="GridViewFooterStyle" />

             <RowStyle CssClass="GridViewRowStyle" />  

   

             <PagerStyle CssClass="GridViewPagerStyle" />

  

            <HeaderStyle CssClass="GridViewHeaderStyle" />

   </asp:GridView>

css:

<style type="text/css">

.GridViewStyle

{  

     border-right: 2px solid #387067;

     border-bottom: 2px solid #387067;

     border-left: 1px solid #387067;

     border-top: 1px solid #387067;

     padding: 4px;
     width:740px;

   

}

.GridViewStyle a

{

     color: #FFFFFF;

}

.GridViewHeaderStyle th

{

     border-left: 1px solid #387067;

     border-right: 1px solid #387067;

}

.GridViewHeaderStyle

{

     background-color: #58b2a9;

     font-weight: bold;

     color: White;

}

.GridViewFooterStyle

{

     background-color: #58b2a9;

     font-weight: bold;

     color: White;

}

.GridViewRowStyle

{

     background-color: #ffffff;

     color: #333333;

}

/*

.GridViewAlternatingRowStyle

{

     background-color: #FFFFFF;

     color: #284775;

}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td

{

     border: 1px solid #EBE9ED;

}

.GridViewSelectedRowStyle

{

     background-color: #E2DED6;

     font-weight: bold;

     color: #333333;

}

.GridViewPagerStyle

{

     background-color: #284775;

     color: #FFFFFF;

}

*/

.GridViewPagerStyle table /**//* to center the paging links*/

{

     margin: 0 auto 0 auto;

}

.GridViewRowStyle td  

        {  

              BORDER-BOTTOM:      1px   solid #387067;  

              BORDER-TOP:      1px   solid #387067;  

              BORDER-LEFT:      1px   solid #387067;  

              BORDER-RIGHT:      1px   solid #387067;  

           

              font-size:12px;

        }

</style>

css2:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridview1.aspx.cs" Inherits="gridview1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .GridViewStyle

{  

     border-right: 0px solid #A7A6AA;

     border-bottom: 2px solid #A7A6AA;

     border-left: 0px solid white;

     border-top: 2px solid white;

     padding: 4px;

   

}

.GridViewStyle a

{

     color: #FFFFFF;

}

.GridViewHeaderStyle th

{

     border-left: 1px solid #EBE9ED;

     border-right: 1px solid #EBE9ED;

}

.GridViewHeaderStyle

{

     background-color: #5D7B9D;

     font-weight: bold;

     color: White;

}

.GridViewFooterStyle

{

     background-color: #5D7B9D;

     font-weight: bold;

     color: White;

}

.GridViewRowStyle

{

     background-color: #F7F6F3;

     color: #333333;

}

/*

.GridViewAlternatingRowStyle

{

     background-color: #FFFFFF;

     color: #284775;

}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td

{

     border: 1px solid #EBE9ED;

}

.GridViewSelectedRowStyle

{

     background-color: #E2DED6;

     font-weight: bold;

     color: #333333;

}

.GridViewPagerStyle

{

     background-color: #284775;

     color: #FFFFFF;

}

*/

.GridViewPagerStyle table /**//* to center the paging links*/

{

     margin: 0 auto 0 auto;

}

.GridViewRowStyle td  

        {  

              BORDER-BOTTOM:      1px   solid ;  

              BORDER-TOP:      1px   solid ;  

              BORDER-LEFT:      0px   solid ;  

              BORDER-RIGHT:      0px   solid ;  

           

              font-size:12px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:GridView ID="GridView1" CssClass="GridViewStyle" runat="server" Width="100%" >

    <Columns>

        <asp:TemplateField>

            <HeaderTemplate>

            </HeaderTemplate>

            <ItemTemplate>

            <table id="mytable" rules="cols" border="0" cellspacing="0" width="100%">

                <tr>

                <td>badwolf</td>

                <td>100</td>

                <td>010-110</td>

                <td>中国北京</td>

                </tr>

               </table>

            </ItemTemplate>

            <FooterTemplate>

               

            </FooterTemplate>

        </asp:TemplateField>

    </Columns>

    <FooterStyle CssClass="GridViewFooterStyle" />

    <RowStyle CssClass="GridViewRowStyle" />  

   

    <PagerStyle CssClass="GridViewPagerStyle" />

  

    <HeaderStyle CssClass="GridViewHeaderStyle" />

</asp:GridView>

    </div>

    </form>

</body>

</html>

Miss-Sherry
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP .Net GridView CSS 模板样式
08-30
一个漂亮的GridView CSS 模板样式。 测试过，可用。
关于gridview的样式
Jessica的专栏
10-20 1319
正在做一个项目,其中用到了Gridview控件,内容如下即每行里又包括两小行, 这个功能可以用两个嵌套的gridview实现, 第二个要实现的是每个大行之间用实现相隔, 每个小行之间用虚线网上很多资料都是关于Gridview的,但是关于样式的就不多后来发现可以在后台程序中动态改变CELL的式样protected void GridView2_RowDataBound(obj
ASPxGridView控件的使用
05-26 1290
ASPxGridView控件的使用 1.更新数据出错问题使用ASPxGridView控件时，点Edit编辑一行，出来Update和cancel，编辑完数据后点击Update，出错：在正在编辑的那行下方会出来一汗背景淡红色字体是红色的字“不支持所指定的方法”，英文是Specified method is not supported.图1：解决办法是用数据源控件加载数据，指定ASPxGridVie
用css实现Gridview固定表头和列
liujun13579的专栏
03-23 6693
这里用css实现Gridview固定表头和列需要使用div重叠，以及两个div滚动条同时滚动的方法。 一、div重叠方法： 外层用relative相对定位，里面用absolute绝对定位，就能很好的实现你的要求了。z-index是用来控制div的显示优先级别。 如下的一个html实例： UntitledDocument div#div1{position:re
GridView CSS的完整样式表
团结、创新、求实
09-14 518
 css+Dhtml+flash --> .GridViewStyle{...}{       border-right: 2px solid #A7A6AA;    border-bottom: 2px solid #A7A6AA;    border-left: 2px solid white;    border-top: 2px solid white;    padding: 4px
GridView用CSS设定样式
天地浩大
06-25 6639
GridView是很便利的数据控件，在MIS中的应用很广泛，其样式编写很简单，但是每次新增都要重新编写，工作很是烦琐，而且由于其本身的特性，样式并不好编写，最好的办法就是在单双行、Header、Pager、Footer等栏目引用单独的样式，如下： <asp:GridView ID="grvAdUserInfo" runat="server" AutoGenerateColumns="Fals
给gridview写css样式.doc
04-25
给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css样式.doc给gridview写css...
GridView_CSS的完整样式表
06-19
GridView_CSS的样式， 里面包含了所有的GridView的样式以及调用的方式
在ASP.NET中使用CSS的Gridview Pager样式
04-05
使用CSS在ASP.NET中设置Gridview Pager的样式。
gridview经典样式
03-10
国外最新样式。包括蓝色，黑色。七种颜色。经典中的经典，方便使用。纯css的
漂亮的GridView样式
03-31
Here is another gridview theme I have been playing around with this weekend based on a general CNET GameSpot style. The CSS for the gridview has been put into its own file for this series of posts, so that I can change the look of a gridview quickly without changing the class names that have been assigned to it:
asp.net 样式-GridView CSS的完整样式表
weixin_30918415的博客
10-17 809
Code.GridViewStyle{border-right:2pxsolid#A7A6AA;border-bottom:2pxsolid#A7A6AA;border-left:2pxsolidwhite;border-top:2pxsolidwhite;padding:4px;}.GridViewStylea{c...
GridView CSS样式
土豆的专栏
10-22 2299
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页            .GridViewStyle{        border-right: 0px solid #A7A6AA;     border-bottom: 2px solid #A
GridView CSS的样式表
weixin_30871293的博客
11-12 148
2008-08-19 16:36 在<head></head>标签中加入一个样式表，并定义它． <style type="text/css"> .GridViewStyle ...
Gridview很漂亮的样式
weixin_30363817的博客
04-08 1203
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <link href="GamerGridView.css" rel="stylesheet" type="text/css" /> Standard GridView declaration: <asp...
asp.net 修改嵌在table中的gridview的css样式（范例）
nvhaixx的专栏
10-08 5246
#gridview1tr th            {          font-family:宋体;          font-size:10pt;                   padding:0px 1px 0px 1px;                   background-color:#4682B4;          color :White;   
gridview按钮的样式
最新发布
04-29
GridView 的按钮样式可以通过 CSS 进行自定义。以下是一个示例： ```css .gridview-button { background-color: #4CAF50; color: white; border: none padding: 10px 20px; text-align: center; text-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值