GridView CSS的完整样式表

简介:
 

.GridViewStyle
  {  
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      border-left: 2px solid white;
      border-top: 2px solid white;
      padding: 18px;
      width:500px;
      font-size:15px;
 }
 
.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
{
     border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
     background-color: #E2DED6;
     font-weight: bold;
     color: #333333;
}


.GridViewPagerStyle
{
     background-color:#5D7B9D;
     color: #FFFFFF;
}

.GridViewPagerStyle table
{
     margin: 0 auto 0 auto;
}

li.gobackMain a
{
 color:Blue;
}



以下为使用示例: 关键部分
<asp:GridView ID="GridView1" runat="server"  onpageindexchanging="GridView1_PageIndexChanging" CssClass="GridViewStyle">
                <FooterStyle CssClass="GridViewFooterStyle" />
                <RowStyle CssClass="GridViewRowStyle" />  
                <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
                <PagerStyle CssClass="GridViewPagerStyle" />
                <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
                <HeaderStyle CssClass="GridViewHeaderStyle" />

                <Columns>
                   <asp:BoundField DataField="文件名" HeaderText="文件名" />
                   <asp:TemplateField HeaderText="下载路径">
                        <AlternatingItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </AlternatingItemTemplate>
                        <ItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </ItemTemplate>
                  </asp:TemplateField>
                </Columns>

                <EmptyDataTemplate>
                    提示:当前没有任何记录
                </EmptyDataTemplate>
            </asp:GridView>

目录
相关文章
|
1月前
|
缓存 前端开发
css使用各类样式表
css使用各类样式表
|
1月前
|
前端开发 搜索推荐 开发者
CSS不仅使得网页内容的呈现多样化和个性化成为可能,还大大简化了样式表的编写工作
【4月更文挑战第6天】CSS不仅使得网页内容的呈现多样化和个性化成为可能,还大大简化了样式表的编写工作
26 3
|
1月前
|
存储 缓存 前端开发
link 与 @import:CSS 样式表的加载策略(下)
link 与 @import:CSS 样式表的加载策略(下)
|
1月前
|
存储 前端开发 JavaScript
link 与 @import:CSS 样式表的加载策略(上)
link 与 @import:CSS 样式表的加载策略(上)
|
1月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——CSS3、基础样式表
H5+CSS3+JS逆向前置——CSS3、基础样式表
45 0
|
11月前
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(4):数据指标层叠排版
漏刻有时数据大屏CSS样式表成长教程(4):数据指标层叠排版
58 0
|
10月前
|
存储 前端开发 JavaScript
CSS变量:如何使用CSS变量来简化样式表的管理和维护。
CSS变量:如何使用CSS变量来简化样式表的管理和维护。
CSS变量:如何使用CSS变量来简化样式表的管理和维护。
|
11月前
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
201 2
|
11月前
|
数据可视化 前端开发
漏刻有时数据大屏CSS样式表成长教程(2):九宫格图表背景自适应的解决方案
漏刻有时数据大屏CSS样式表成长教程(2):九宫格图表背景自适应的解决方案
103 1
|
11月前
|
前端开发 容器
Echarts实战案例代码(46):带渐变背景颜色的倾斜角度的图表的CSS样式表解决方案
Echarts实战案例代码(46):带渐变背景颜色的倾斜角度的图表的CSS样式表解决方案
95 0