GridView CSS的样式表

2008-08-19 16:36

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

                .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>