zoukankan      html  css  js  c++  java
  • GridView CSS的样式表

    2008-08-19 16:36

    在<head></head>标签中加入一个样式表,并定义它.

    <style type="text/css">
                        .GridViewStyle
                   {  
                        border-right: 2px solid #A7A6AA;
                        border-bottom: 2px solid #A7A6AA;
                        border-left: 2px 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;
                    }
        </style>

    这时一个完整的对gridView的样式表就已经定义完成了.现在来实现它的应用

    <asp:GridView CssClass="GridViewStyle" runat="server" >
        
    <FooterStyle CssClass="GridViewFooterStyle" />
        
    <RowStyle CssClass="GridViewRowStyle" />   
        
    <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
        
    <PagerStyle CssClass="GridViewPagerStyle" />
        
    <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
        
    <HeaderStyle CssClass="GridViewHeaderStyle" />
    </asp:GridView>

  • 相关阅读:
    对象遍历 for in ,数组遍历for in 与 for of 的区别
    计算一个数组中key值相同的数量
    VUE的两种跳转push和replace对比区别
    微信公众号二次分享ios分享失败问题
    获得对象中的键或值
    第一个table根据checkbox选择tr,在另一个table中显示对应索引的tr(jq遍历的运用)
    checkbox 全选反选 获得所有的checkbox
    为什么jQuery要return this.each()?
    用jq代码写出一个轮播图。
    页面滚动到一定位置,两个div 朝中间运动。
  • 原文地址:https://www.cnblogs.com/ly5201314/p/1331923.html
Copyright © 2011-2022 走看看