如何使用Css样式自定义一个DataGrid的风格

80酷酷网    80kuku.com

  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文件即可
第一次写文章,请大家多多指教


分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: