大家有没有好看的gridview样式推荐

问题描述

因为项目需要对gridview进行美化大家有没有好看的gridview样式推荐,万分感谢!

解决方案

解决方案二:
<linkhref="StyleSheet.css"rel="stylesheet"type="text/css"/><linkhref="GamerGridView.css"rel="stylesheet"type="text/css"/>StandardGridViewdeclaration:<asp:GridViewID="GridView1"runat="server"AllowPaging="True"AllowSorting="True"AutoGenerateColumns="False"CssClass="GridViewStyle"DataKeyNames="CustomerID"DataSourceID="ObjectDataSource1"GridLines="None"><Columns><!--Yourcolumnshere--></Columns><FooterStyleCssClass="FooterStyle"/><RowStyleCssClass="RowStyle"/><EmptyDataRowStyleCssClass="EmptyRowStyle"/><PagerStyleCssClass="PagerStyle"/><SelectedRowStyleCssClass="SelectedRowStyle"/><HeaderStyleCssClass="HeaderStyle"/><EditRowStyleCssClass="EditRowStyle"/><AlternatingRowStyleCssClass="AltRowStyle"/></asp:GridView>/*GridViewCSSGlassBlackStyle*/.GridViewStyle{font-family:Arial,Sans-Serif;font-size:small;table-layout:auto;border-collapse:collapse;border:#1d1d1d1pxsolid;}/*HeaderandPagerstyles*/.HeaderStyle{background-image:url(Images/HeaderGamer_left.jpg);background-position:left;background-repeat:repeat-x;height:30px;}.PagerStyle{background-image:url(Images/PagerGamer.jpg);background-position:top;background-repeat:repeat-x;}.HeaderStyleth{padding:0px;color:#ffffff;}.HeaderStylea:link,a:visited{text-decoration:none;color:#ffffff;display:block;text-align:left;font-weight:normal;border-left:solid1px#666666;border-right:solid1px#1d1d1d;padding-top:25px;padding-bottom:9px;padding-right:5px;padding-left:5px;background-image:url(Images/HeaderGamer.jpg);background-position:top;background-repeat:repeat-x;}.HeaderStylea:hover{background-image:url(Images/HeaderGamer_Hover.jpg);background-position:top;background-repeat:repeat-x;}.PagerStyletable{text-align:center;margin:auto;}.PagerStyletabletd{border:0px;padding:5px;/*paddingaroundpagernumbers*/}.PagerStyletd{border-top:#1d1d1d1pxsolid;/*topborderofpager*/height:40px;}.PagerStylea{color:#ffffff;text-decoration:none;padding:2px10px2px10px;/*borderaroundpagernumbers*/border-top:solid1px#777777;border-right:solid1px#333333;border-bottom:solid1px#333333;border-left:solid1px#777777;}.PagerStylespan{font-weight:bold;color:#FFFFFF;text-decoration:none;padding:2px10px2px10px;}/*RowStyles*/.RowStyletd,.AltRowStyletd,.SelectedRowStyletd,.EditRowStyletd/*CommonStyles*/{padding:5px;border-right:solid1px#1d1d1d;}.RowStyletd{background-color:#333333;color:#ffffff;}.AltRowStyletd{background-color:#1d1d1d;color:#ffffff;}.SelectedRowStyletd{background-color:#ffff66;}

解决方案三:
asp.net系统自己提供17种grdiview样式,而且有theme源代码。你了解哪一种theme?
解决方案四:
这个博文我也看过,我把它的图片下载下来了,貌似跟全貌的图不太一样还有没有其他好的推荐呢?谢谢各位大神了。

时间: 2024-10-29 01:14:02

大家有没有好看的gridview样式推荐的相关文章

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)_php实例

先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个"前5页"和"后5页"显得有点多余,因为点击当前显示第一页的"上一页"按钮会自然出来前5页. 3.1的分页效果是这个样子滴: 针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap

Thinkphp和Bootstrap结合打造个性的分页样式(推荐)

先吐槽一下ThinkPHP3.1版的分页样式,虽然看起来也很简单大方,但是所有的页码全是使用简单的数字,之间的空隙比较小,不大容易点,还有那个"前5页"和"后5页"显得有点多余,因为点击当前显示第一页的"上一页"按钮会自然出来前5页. 3.1的分页效果是这个样子滴: 针对以上种种不太理想的情况,又加上最近学习了ThinkPHP5,在ThinkPHP5中提供了对BootStrap分页样式的完美支持,在thinkphp5中只要引入了BootStrap

Bootstrap Img 图片样式(推荐)_javascript技巧

 Bootstrap提供了四种用于<img>类的样式,分别是: .img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角: .img-circle:圆形 (IE8 不支持),添加 border-radius:50% 来让整个图片变成圆形. .img-thumbnail:缩略图功能,添加一些内边距(padding)和一个灰色的边框. .img-responsive:图片响应式 (将很好地扩展到父元素). 使用: 将类样式直接添加到class中即

收藏几个好看的button样式

<style>.btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BOR

ASP.NET4 GridView的四种排序样式详解_实用技巧

与ASP.NET 的其他Web控件一能够,Gridview控件拥有很多不同的CSS样式属性设置,包括象CssClass,Font字体,ForeColor,BackColor,BackColor, Width, Height等等.Gridview还包括了一些应用在表格的行上的样式属性,比如RowStyle, AlternatingRowStyle, HeaderStyle,和PagerStyle,它们都提供了象CssClass和Font这些基本的属性设置.  在 ASP.NET 4.0中的Grid

浅析Yii2 gridview实现批量删除教程_php实例

在朋友圈里有童鞋向我讨论GridView的问题,有朋友说你用gridview给我去掉表头的链接?我想的很久,用gridview确实不容易实现.有不同见解的朋友欢迎留言.但是呢,这根gridview有个毛线关联啊,明明是要设置ActiveDataProvider,你要我怎么用gridview实现嘛. 这个问题也是很简单的,我们来看看具体实现 $dataProvider = new ActiveDataProvider([ 'query' => $query, ]); $dataProvider->

浅析Yii2 GridView实现下拉搜索教程_php实例

废话不多说了,先给大家展示下效果图,如果大家还很满意请继续往下阅读: 具体怎么实现喃?考虑到一张数据表要下拉效果的字段可能有很多个,我们先在其model中实现一个方法方便后续操作 /** * 下拉筛选 * @column string 字段 * @value mix 字段对应的值,不指定则返回字段数组 * @return mix 返回某个值或者数组 */ public static function dropDown ($column, $value = null) { $dropDownLis

安卓-Android开发ListView嵌套GridView,如何更加优化

问题描述 Android开发ListView嵌套GridView,如何更加优化 我在ListView中嵌套GridView,效果实现了,但我在ListView的getView()中是 new GridViewAdapter(``````),也就是说我每一个大的ListView的Item都有去new 一个GridView的适配器,这样对内存不好.可我想通过notifyDataSetChanged()来 改变嵌套的GridView中的数据,一直实现不了...求高手解答··· 解决方案 用viewho

浅析Yii2 GridView 日期格式化并实现日期可搜索教程_php实例

先给大家展示下日期格式化效果图,如果大家满意请继续往下阅读: 这个我们分情况讨论 1.如果你的数据库字段created_at存的时间格式是date或者datetime,那很简单,gridview中直接输出该字段created_at即可,如上图中右侧所示 2.如果数据库存入的时间戳类型,如上图中左侧所示,则需要像下面这样进行输出 [ 'attribute' => 'created_at', 'value' => function ($model) { return date('Y-m-d H:i