gridview样式请教gridview的样式设置

编程之家2023-11-02116次浏览

大家好，gridview样式相信很多的网友都不是很明白，包括请教gridview的样式设置也是一样，不过没有关系，接下来就来为大家分享关于gridview样式和请教gridview的样式设置的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

GridView根据值的变化改变行列样式

这篇文章便论述关于如何在GridView随某行某列值的改变时（这些值是空的或不是空的或是其它某些值等）其背景色及文本颜色也随之改变的问题

根据某列的值改变其样式最好的方法是在GridView的DataRowBound事件中想办法在GridView中的行绑定数据后将立即执行DataRowBound事件 DataRowBound事件使用GridViewRowEventargs类作为事件变量通过事件变量你能够利用GridViewRowEventArgs属性操作已经绑定数据的行

protected void GridView _RowDataBound(object sender GridViewRowEventArgs e){ GridViewRow row= e Row;}

Row将返回TableRow类中的一个GridViewRow对象

绑定的Row有几种不同的类型例如 DataRow EmptyDataRow Footer Header Pager和 Separator通过GridView的RowType属性可以得到当前行的行类型 RowType是一组DataControlRow枚举

看下面的代码示例检测GridView列出的行是否为一个标准类型的行

protected void GridView _RowDataBound(object sender GridViewRowEventArgs e){ if(e Row RowType== DataControlRowType DataRow){//Do something!}}

可以使用Row的Cells属性得到其Cells它将返回一个TableCellCollection对象然后通过TableCellCollection索引得到特定的Cells TableCellcollection索引将返回一个TabelCell对象对应于Row中的一个Cell

protected void GridView _RowDataBound(object sender GridViewRowEventArgs e){ if(e Row RowType== DataControlRowType DataRow){ string value= e Row Cells[ ] Text;}}

现在你已经明白了如何得到GridView中某行某列的值那么根据值的变化改变其样式就比较容易了以下示例使用 Northwind数据库通过检测第四列（UnitPrice）的值是否大于将其颜色改变为红色

＜%@ Page Language= C#%＞＜%@ Import Namespace= System Drawing%＞

＜!DOCTYPE PUBLIC//W C//DTD XHTML//EN// w/TR/x/DTD/x dtd＞

＜script runat= server＞ protected void GridView _RowDataBound(object sender GridViewRowEventArgs e){ if(e Row RowType== DataControlRowType DataRow){ if(Decimal Parse(e Row Cells[ ] Text)＞) e Row Cells[ ] BackColor= Color Red;}}

lishixinzhi/Article/program/net/201311/15589

asp.net中如何制作GridView控件的样式模板

问题：asp.net中如何制作GridView控件的样式模板

回答：楼主的问题已经摆了3个多月了，希望及早处理。

我的办法你可以参考（截至VS 2010， ASP.NET还没有自动提取保存样式的功能）

第一步：创建主题和外观文件

这一步很简单，在项目下右键添加ASP.NET文件夹，选择主题；在主题下添加新项“外观文件”

第二步：在页面上添加对主题的引用

可以通过属性添加，也可以手敲

第三步：设计自己的GridView样式

在页面上拖入一个GridView，并通过“自动套用格式”选一种与你的风格相似的格式（当然也可以不选）

修改GridView——将GridView修改成你喜欢的样式（通过属性一项项修改），我这里只给了前景颜色

第四步，将设计好的GridView的代码文件拷贝到skin文件中（我的是SkinFile.skin）

SkinFile.skin

在SkinFile.skin中将ID删除，增加SkinId设置值"GridView_Spring"。高度、宽度都删除掉（当然不删除也行）

第五步：在新的GridView中引用这个样式

添加一个新的GridView，引用样式

第六步，测试

如果你需要在别的页面中使用，注意别的页面要将主题引入，然后才能使用外观文件

请教gridview的样式设置

GridView样式设置

GridView在生成HTML代码的时候会自动加上style="border-collapse:collapse;"以及border=1，rules="all"这些属性，这些在IE下都没什么影响，但是在FF下就会影响显示，style="border-collapse:collapse;"；是由于设置了CellSpacing="0"产生的，当设置CellSpacing="1"后就没有，可以去掉style="border-collapse:collapse;"；默认情况下CellSpacing="0"，所以默认情况下会有style="border-collapse:collapse;"这个属性生成。GridLines="Both"会带来border=1，rules=all这两个属性，设置GridLines="None"后border=0，rules属性则不会出现。

MS默认的GridView生成HTML代码的方式本身就没有去兼容各种浏览器，只是特别照顾了自己的IE，其实MS已经给出了解决办法，那就是自己定义控件如何生成HTML代码，CSS控件适配器工具包新版发布介绍如何配置自己的浏览器定义文件。

如何设置GridView让它在IE和FF下都能正常显示呢？下面会进行说明。

1.单元格都有边框线，效果如下：

<asp:GridView ID="GridView1" runat="server" CellPadding="3" GridLines="None" BackColor="Black" CellSpacing="1">

</asp:GridView>

说明：GridLines="ALL"，CellSpacing="0"是造成FF和IE下显示不同的一个很大的原因；其实不进行设置border也是可以达到单元格表现出边框的样式。CellSpacing="1"就控制了单元格之间的间隔是1px，通过设置table的背景和tr的背景来表现出单元格td的border，实际上td的border为0，这个看起来很像的border是table的背景，tr的背景仅仅是改变了td的背景，td之间的space则是根据table的背景显示的，这就是CellSpacing="1"带来的border效果。这样在IE和FF下都能正常显示了。

2.只有横线，没有竖线的效果：

GridView样式如下设置：需要借助额外的css，Gridview自带的类似样式不兼容FF

.table{border:solid 1px black}

.table th{border-bottom:solid 1px black;}

.table td{border-bottom:solid 1px black;}

</style>

<asp:GridView ID="GridView1" CssClass="table" runat="server" CellPadding="3" GridLines="None" BackColor="#ECF5FF" CellSpacing="0">

</asp:GridView>

3.只有竖线的效果：

更改上面的<style type="text/css">

.table{border:solid 1px black}

.table th{border-right:solid 1px black;}

.table td{border-right:solid 1px black;}

</style>即可。

更改table样式为：

table{border:solid 1px black}

.table th{border:solid 1px black;}

.table td{border:solid 1px black;}

可以实现第一种的显示效果，这才是真的

用CSS解决asp.net中Gridview边框样式问题

html标签中的bordercolor属性指定表格边框颜色之后,无论是表格的四个边框还是表格内部的单元格

边框颜色便都设置好了.但是在asp.net的gridview控件中,设置bordercolor之后,在生成的html代码

中是这样表示的:

<table class="gridview_m" cellspacing="0" rules="all" border="1" id="ctl00_Content_GV_1"

style="border-color:#93C2F1;border-collapse:collapse;">

原来gridview中设置的bordercolor属性是css中的属性,其结果就是gridview的四个边框的颜色变了,

但是内部单元格的颜色却是灰色,而不是你指定的颜色.

网上有不少朋友讨论过这个问题,有一种解决方法是用代码给gridview添加真正的bordercolor属性

例如:

this.GridView1.Attributes.Add("bordercolor","red");

这样的缺点是不太灵活,如果需要用主题来控制界面样式

而代码中又有这样的语句的话,就不是很合适

利用css提供的机制,可以比较好的解决这个问题

举个例子

在主题中,将gridview的cssclass设置为gridview_m

<asp:GridView runat="server" CssClass="gridview_m">

</asp:GridView>

然后在css样式表中设置:

table.gridview_m

{

border-collapse: collapse;

border:solid 1px#93c2f1;

width:98%;

font-size:10pt;

}

table.gridview_m td,th

{

border-collapse: collapse;

border:solid 1px#93c2f1;

font-size:10pt;

}

以上css样式中还有其他样式,主要就是这一句:table.gridview_m td,th

将会给class="gridview"的table中的th和td标签应用样式

这样就解决了gridview的边框问题

在gridview中实现隔行样式转换的方法

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

//我们先设置当鼠标上去的时候他的背景色改变

e.Row.Attributes.Add("onmouseover","c=this.style.backgroundColor;this.style.backgroundColor='#ff6699'");

//下面我们再设置当鼠标离开后背景色再还原

e.Row.Attributes.Add("onmouseout","this.style.backgroundColor=c;");

/为特定的数改变行样式这也是在这个事件里面，因为这个事件是在数据被绑定的时候执行的

for(int i= 0; i< GridView1.Rows.Count; i++)

{

//为了对全部数据行都有用，我们使用循环//

string lbl= Convert.ToString(DataBinder.eval_r(e.Row.DataItem,"state"));

//我们得取出行中state字段绑定的值，用他作为判断条件//

if(lbl=="BB") if(e.Row.RowIndex% 2== 1)

{

//如果他的值等于BB，那么

e.Row.BackColor= Color.LimeGreen;

//给当前行的背景色赋值

}

好了，文章到此结束，希望可以帮助到大家。

网上商城制作？怎么制作一个网页商城播放器代码，视频播放器的html代码都有哪些谢谢.

gridview样式 请教gridview的样式设置

GridView根据值的变化改变行列样式

asp.net中如何制作GridView控件的样式模板

请教gridview的样式设置

gridview样式请教gridview的样式设置