天天看點

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

.gridviewrowstyle

     background-color: #f7f6f3;

     color: #333333;

.gridviewalternatingrowstyle

     background-color: #ffffff;

     color: #284775;

.gridviewrowstyle td, .gridviewalternatingrowstyle

     border: 1px solid #ebe9ed;

.gridviewselectedrowstyle

     background-color: #e2ded6;

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

                        </itemtemplate>

                  </asp:templatefield>

                </columns>

                <emptydatatemplate>

                    提示:目前沒有任何記錄

                </emptydatatemplate>

            </asp:gridview>

繼續閱讀