[原創]如何使用Css樣式自訂一個DataGrid的風格

來源:互聯網
上載者:User
如何使用Css樣式自訂一個DataGrid的風格

下面是我寫的一個css檔案 可以把下面的代碼複製到一個寫字板裡另存新檔*。css

的檔案,例如命名為1024.css

/*---------------------------Datagrid--------------------------------*/
.datagrid
{
font-family: Verdana, Arial, Helvetica, sans-serif;
width :100%;
border :solid 1px blue;
table-layout :fixed ;
border-collapse :separate ;
}
.dg_header
{
font-weight :bold ;
color:#ffffff;
background-color :#4a3c8c;
border :solid 1px red;

}
.dg_alter
{
background-color :#E7E7FF;
border :solid 1px red;
}
.dg_item
{
color :#330099;
background-color:#F7F7F7 ;
border :solid 1px red;
}
.dg_page
{
border :solid 1px red;
}

然後到aspx的檔案的Html代碼中加入下面一句:

在datagrid的headerStyle中的cssclass屬性中寫dg_header
ItemStyle中寫dg_item 等

就是引用樣式表中的dg_header類,這樣就可以了,隨意設定你想要的樣式,只需修改css檔案即可
 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.