如何使用css控制GridView控件的样式

Rambo_8 2009-05-31 09:15:42

给实例才给分？玩儿理念的勿扰！！！

...全文

3745 30 打赏收藏转发到动态举报

写回复

用AI写文章

30 条回复

切换为时间正序

请发表友善的回复…

发表回复

天涯人6 2010-03-25

打赏
举报

阿飞萨法

yan286093636 2009-06-03

打赏
举报

[Quote=引用 21 楼 wuyq11 的回复:]
<AlternatingRowStyle CssClass="Alternatingback"> </AlternatingRowStyle>
<RowStyle CssClass="griditem"> </RowStyle>
<HeaderStyle CssClass="gridheader" Font-Size="10"> </HeaderStyle>
.gHeader {
font-size: 9pt;
color: #000000;
background-color: #CEDDF0;
border: 1px solid #8CB0E2;
}
.gRowAlternate {
background-color: #FEF0C3;
border: none;
font-size: 9pt;
color: #000099;
…
[/Quote]

就是这中作法了..........

dengxiao1981 2009-06-03

打赏
举报

顶

zwm520lj 2009-06-03

打赏
举报

学习了

li365941471 2009-06-03

打赏
举报

兰州烧饼

peng_weida 2009-06-03

打赏
举报

好多属性里面

mengxj85 2009-06-02

打赏
举报

gridview就是一个大TABLE。将gridview放到TABLE中，设置TABLE的样式

wuyq11 2009-06-02

打赏
举报

<AlternatingRowStyle CssClass="Alternatingback"></AlternatingRowStyle>
<RowStyle CssClass="griditem"></RowStyle>
<HeaderStyle CssClass="gridheader" Font-Size="10"></HeaderStyle>
.gHeader {
font-size: 9pt;
color: #000000;
background-color: #CEDDF0;
border: 1px solid #8CB0E2;
}
.gRowAlternate {
background-color: #FEF0C3;
border: none;
font-size: 9pt;
color: #000099;

}
.griditem {
background-color: #ffffff;
}
.Alternatingback {
background-color: #ECF1F8;
}

lvlu0907 2009-06-02

打赏
举报

好东西。值得学习！记下了！

shinlgienls 2009-06-02

打赏
举报

你想要什么啊，
什么样式，具体点，

样式多了，给你了你也看不懂呵呵

andrewsway 2009-05-31

打赏
举报

[Quote=引用 17 楼 Andrewsway 的回复:]
用这个只需要给GridView的CssClass设置成managegridview 就可以了，没必要每个都写。样式自己写

CSS code
.managegridview { }
.managegridview th { }
.managegridview tr { }
.managegridview td { }
.managegridview td table td { } /*下面导航条的样式*/
[/Quote]

其他的行呀，标题呀，都不用管

andrewsway 2009-05-31

打赏
举报

用这个只需要给GridView的CssClass设置成managegridview 就可以了，没必要每个都写。样式自己写



.managegridview {  }

.managegridview th {  }

.managegridview tr {  }

.managegridview td {  }

.managegridview td table td {  } /*下面导航条的样式*/

mashanshan2008 2009-05-31

打赏
举报

学习

mcs3659282 2009-05-31

打赏
举报

body {
font-family: "Verdana", "宋体", Arial;
font-size: 13px;
color: #333333;
text-decoration: none;
margin: 0px;
padding: 0px;
background-image: url(bk_1.gif);
background-repeat: no-repeat;
background-position: 856px top;
line-height: 130%;
}

.tablestyle
{
font-family: arial;
font-size: small;
border: solid 1px #7f7f7f;
}

.altrowstyle
{
background-color: #edf5ff;
}

.SelectedRowStyle
{
font-weight:bold;
padding-right: 10px;
}

.headerstyle th
{
background: url(../Images/image/sprite.png) repeat-x 0px 0px;
border-color: #989898 #cbcbcb #989898 #989898;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
color: #000;
padding: 4px 5px 4px 10px;
text-align: center;
vertical-align: bottom;
}

.headerstyle th a
{
font-weight: normal;
text-decoration: none;
text-align: center;
color: #000;
display: block;
padding-right: 10px;
}

.rowstyle .sortaltrow, .altrowstyle .sortaltrow
{
background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow
{
background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td
{
padding: 4px 10px 4px 10px;
border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader
{
background: url(../Images/image/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortdescheader
{
background: url(../Images/image/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a
{
background: url(Images/image/dt-arrow-up.png) no-repeat right 50%;
}

.headerstyle .sortdescheader a
{
background: url(Images/image/dt-arrow-dn.png) no-repeat right 50%;
}

Milk- 2009-05-31

打赏
举报

mark

iuhxq 2009-05-31

打赏
举报

cdd1012 2009-05-31

打赏
举报

<%@ Page Language="C#" StylesheetTheme="Theme01.skin" %>

<asp:GridView runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" Width="100%" ShowFooter="False">
<RowStyle ForeColor="Black" Font-Size="Smaller" BackColor="#F1F7FF"/>
<SelectedRowStyle BackColor="OldLace" ForeColor="RoyalBlue" Font-Size="Smaller" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<HeaderStyle BackColor="#45589C" Font-Bold="True" ForeColor="White" Font-Size="Smaller" HorizontalAlign="Center"/>
<PagerStyle Font-Overline ="false" HorizontalAlign ="Right" />
<PagerSettings Mode ="NextPreviousFirstLast" />
</asp:GridView>
<asp:Label runat="server" Font-Size="Smaller" ></asp:Label>
<asp:SiteMapPath runat="server" Font-Names="Verdana" Font-Size="Small" PathSeparator="->">
<PathSeparatorStyle Font-Bold="True" ForeColor="SteelBlue" />
<CurrentNodeStyle ForeColor="SteelBlue" />
<NodeStyle Font-Bold="True" ForeColor="SteelBlue" />
<RootNodeStyle Font-Bold="True" ForeColor="SteelBlue" />
</asp:SiteMapPath>