两种GridView的表格样式

最新推荐文章于 2023-03-09 11:30:10 发布
最新推荐文章于 2023-03-09 11:30:10 发布
阅读量630 收藏
点赞数
原文链接：http://www.cnblogs.com/J-FoX/archive/2012/03/15/2398067.html
版权

1.第一种样式

GridView表格样式 
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="gvList" runat="server" AutoGenerateColumns="False" BorderColor="#337FB2"
                    BorderWidth="2px" CellPadding="4" Font-Size="Small" ForeColor="#333333" Height="32%"
                    OnRowDataBound="gvList_RowDataBound" Width="100%">
<columns>
<asp:BoundField HeaderText="编号">
<itemstyle Width="5%" />                        </asp:BoundField>
<asp:BoundField DataField="U_Name" HeaderText="用户名">
<itemstyle Width="10%" />                        </asp:BoundField>
<asp:BoundField DataField="U_State" HeaderText="状态">
<itemstyle Width="10%" />                        </asp:BoundField>
<asp:BoundField DataField="U_IP" HeaderText="IP">
<itemstyle Width="25%" />                        </asp:BoundField>
<asp:BoundField DataField="L_Date" HeaderText="时间">
<itemstyle Width="5%" />                        </asp:BoundField>
</columns>
<RowStyle BackColor="White" Font-Bold="True" Font-Size="Small" ForeColor="#003399"
                        HorizontalAlign="Center" />
<EditRowStyle BackColor="#999999" />
<SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
<pagerstyle BackColor="#337FB2" ForeColor="White" HorizontalAlign="Center" VerticalAlign="Middle" />
<headerstyle BackColor="#337FB2" CssClass="BODY" Font-Size="12px" ForeColor="White"
                        HorizontalAlign="Center" VerticalAlign="Middle" />
<AlternatingRowStyle BackColor="#E8F4FF" Font-Bold="True" Font-Size="Small" HorizontalAlign="Center" />
<footerstyle BackColor="#A6A1E0" Font-Bold="True" ForeColor="White" />
</asp:GridView>


</div>
</form>
</body>

2、第二种样式

GridView表格样式 
        <asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateColumns="False"
            CellPadding="4" Font-Size="9pt" HeaderStyle-CssClass="headStyle" Width="100%"
            HorizontalAlign="Center" ForeColor="#333333" OnRowDataBound="GridView1_RowDataBound">
<FooterStyle BackColor="#990000" Font-Bold="True" />
<Columns>
<asp:BoundField DataField="LOGIN" Visible="false" HeaderText="登录名" />
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("NAME") %>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="上传文档">
<ItemTemplate>
<a href='UpLoadDetailList.aspx?LOGIN=<%#DataBinder.Eval(Container.DataItem,"LOGIN") %>'>
<%#DataBinder.Eval(Container.DataItem, "UPLOADDOCNUM")%></a>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="下载文档">
<ItemTemplate>
<a href='DownLoadDetialList.aspx?LOGIN=<%#DataBinder.Eval(Container.DataItem,"LOGIN") %>'>
<%#DataBinder.Eval(Container.DataItem, "DOWNLOADNUM")%></a>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="更新文档">
<ItemTemplate>
<a href='UpdateDetailList.aspx?LOGIN=<%#DataBinder.Eval(Container.DataItem,"LOGIN") %>'>
<%#DataBinder.Eval(Container.DataItem, "UPDATEDOCNUM")%></a>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
</Columns>
<RowStyle ForeColor="#333333" BackColor="#FFFBD6" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<HeaderStyle BackColor="#AAAAFF" Font-Bold="True" ForeColor="White" />
</asp:GridView>



转载于:https://www.cnblogs.com/J-FoX/archive/2012/03/15/2398067.html

weixin_34318272
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Gridview很漂亮的样式
weixin_30363817的博客
04-08 1216
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <link href="GamerGridView.css" rel="stylesheet" type="text/css" /> Standard GridView declaration: <asp...
漂亮的GridView样式
03-31
Here is another gridview theme I have been playing around with this weekend based on a general CNET GameSpot style. The CSS for the gridview has been put into its own file for this series of posts, so that I can change the look of a gridview quickly without changing the class names that have been assigned to it:
WPF 自定义DataGrid控件样式模板5个
03-09 9214
要实现表头拖动，使用上面的样式代码是不行的，上面的样式代码去掉了拖动的控件。上面的代码实现了隔行换色的效果，但是没有鼠标选中效果。CanUserReorderColumns：获取或设置一个值用来判断是否允许用户重新排列表列的位置。AreRowGroupHeadersFrozen：获取或设置一个值用来判断是否冻结分组行的头部。AreRowDetailsFrozen：获取或设置一个值用来判断是否冻结每行内容的详细信息。RowDetailsTemplate：获取或设置被用于显示行详细部分的内容的模板。
关于gridview的样式
Jessica的专栏
10-20 1326
正在做一个项目,其中用到了Gridview控件,内容如下即每行里又包括两小行, 这个功能可以用两个嵌套的gridview实现, 第二个要实现的是每个大行之间用实现相隔, 每个小行之间用虚线网上很多资料都是关于Gridview的,但是关于样式的就不多后来发现可以在后台程序中动态改变CELL的式样protected void GridView2_RowDataBound(obj
WPF——GridView
三千幻想乡
06-13 4704
项目中要用到一个数据分页栏，虽然自己没有实现过，但凭经验感觉它和ListBox/ListView有关。于是去网上搜了下WPF 数据分页栏，果然很多实现都用到了ListView。于是拣了一种比较简单的实现学习，其中包含下面代码： ListView.View的标签内出现了GridView。 在我印象中Grid是网格式的，而List是列表式的，所以我很好奇两者为什么可以混到一起。当然从类的关系上来看，应该是两者都继承了一个共同的父类。那么为了能使用起来更“自如”，对GridView有个系统的了解，还是有必要学习一
GridView表格的各种使用技巧
11-09
- 有两种方法实现，可以通过CSS样式或者JavaScript事件监听来实现行的高亮效果。 5. **删除时弹出确认对话框** - 可以在`RowDeleting`事件中添加确认对话框，确保用户在执行删除操作前有明确的提示。 6. **自动...
实例讲解动态加载gridview中的行及其样式
10-26
在.NET开发中，GridView控件是一种常用的数据展示组件，它能够方便地将数据库中的数据绑定到表格中。然而，有时我们需要根据特定需求实现更复杂的功能，例如动态加载行及其样式。动态加载不仅可以优化页面性能，还...
js 写的 GridView表格控件,绝对好用
03-16
在本场景中，我们讨论的是一个基于js实现的GridView表格控件，它允许开发者创建功能丰富的数据展示网格，具备单选、多选以及对记录进行操作的能力。 GridView控件在Web开发中是常见的数据展示工具，通常用于显示...
Asp.net GridView隔行变色和光棒效果2种方法实现
10-27
本文将详细介绍两种实现GridView隔行变色和光棒效果的方法。 首先，我们来理解“隔行变色”和“光棒效果”的概念。“隔行变色”是指在GridView中交替改变行的背景色，使得表格更易读，提高用户体验。而“光棒效果”...
asp.net gridview强制换行
10-30
在给定的代码段中，可以看到两种不同的CSS样式被添加到GridView的属性中： 1. `word-break: keep-all; word-wrap: normal;` 这个组合设置意味着单词不应该被拆分，即使它们超出容器宽度。`word-break: keep-all`...
GridView_CSS的完整样式表
06-19
GridView_CSS的样式， 里面包含了所有的GridView的样式以及调用的方式
好看的GridView样式以及分页代码
liwei181015的专栏
05-20 1029
首先把CSS样式代码粘贴过来：.gv{    border: 1px solid #D7D7D7;    font-size:12px;    text-align:center;}.gvHeader{    color: #3F6293;    background-color: #F7F7F7;    height: 24px;    line-height: 24px;    tex
用css实现Gridview固定表头和列
liujun13579的专栏
03-23 6713
这里用css实现Gridview固定表头和列需要使用div重叠，以及两个div滚动条同时滚动的方法。 一、div重叠方法： 外层用relative相对定位，里面用absolute绝对定位，就能很好的实现你的要求了。z-index是用来控制div的显示优先级别。 如下的一个html实例： UntitledDocument div#div1{position:re
使用css控制gridview控件的样式,GridView 样式美化及应用.doc
weixin_34214135的博客
08-04 953
GridView 样式美化及应用GridView 样式美化及应用摘要：ASP.NET 4.0中GridView控件主要用于显示数据库的查询结果。文中对GridView控件的样式美化进行了研究，探讨了GridView控件在应用过程中的自动排序及动态添加列等功能，并给出了其实现方法。经过系统的应用与实践验证，基本实现了预期的效果。关键词：GridView；class 绑定；事件中图分类号：TP311 ...
GridView CSS的完整样式表
团结、创新、求实
09-14 524
 css+Dhtml+flash --> .GridViewStyle{...}{       border-right: 2px solid #A7A6AA;    border-bottom: 2px solid #A7A6AA;    border-left: 2px solid white;    border-top: 2px solid white;    padding: 4px
一个美观的gridview样式
热门推荐
GoodShot的专栏
11-05 1万+
页面代码
自定义GridView皮肤
ljm_lijingming的专栏
01-28 829
漂亮的GridView样式设置 自定义GridView皮肤。
GridView用CSS设定样式
天地浩大
06-25 6702
GridView是很便利的数据控件，在MIS中的应用很广泛，其样式编写很简单，但是每次新增都要重新编写，工作很是烦琐，而且由于其本身的特性，样式并不好编写，最好的办法就是在单双行、Header、Pager、Footer等栏目引用单独的样式，如下： <asp:GridView ID="grvAdUserInfo" runat="server" AutoGenerateColumns="Fals
GridView样式设置
新起点
03-19 3511
GridView在生成HTML代码的时候会自动加上style="border-collapse:collapse;"以及border=1，rules="all"这些属性，这些在IE下都没什么影响，但是在FF下就会影响显示，style="border-collapse:collapse;"；是由于设置了CellSpacing="0"产生的，当设置CellSpacing="1"后就没有，可以去掉sty
为GridView添加两种自定义分页样式
最新发布
05-17
下面我将介绍两种自定义分页样式。 1. 自定义分页样式一：使用自定义模板 GridView提供了一个PagerTemplate属性，可以使用这个属性来自定义分页模板。下面是一个简单的例子： ```html <asp:GridView ID="GridView...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值