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

最新推荐文章于 2020-04-08 15:46:49 发布

原创最新推荐文章于 2020-04-08 15:46:49 发布 · 883 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #css #border #header #html #c

ASP.NET专栏专栏收录该内容

22 篇文章

订阅专栏

博客介绍了Datagrid的CSS样式设置方法。给出了一段CSS代码，可保存为.css文件，如1024.css。还说明了在aspx文件的Html代码中，需在datagrid的headerStyle、ItemStyle等属性中设置相应的CSS类。

下面是我写的一个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;
}