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

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 900+累计阅读 905平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄22年

关注

原创最新推荐文章于 2026-07-12 09:23:04 发布 905 阅读 AI 写同款· GEO 优化 ›

好看的GridView样式以及分页代码首先把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文件可以把下面的代码复制到一个写字板里另存为*。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;
}

然后到aspx的文件的Html代码中加入下面一句：

在datagrid的headerStyle中的cssclass属性中写dg_header
ItemStyle中写dg_item 等

就是引用样式表中的dg_header类，这样就可以了，随意设置你想要的样式，只需修改css文件即可
第一次写文章，请大家多多指教

收录于

ASP.NET专栏

当前文章被收录于：

ASP.NET专栏

22 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#datagrid #css #border #header #html

本内容遵循 CC 4.0 BY-SA 版权协议

Gridview很漂亮的样式 <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <link href="GamerGridView.css" rel="stylesheet" type="text/css" /> Standard GridView declaration: <asp... 阅读详情

相关推荐

自定义GridView的表格样式

public class MyGrideView extends GridView { public MyGrideView(Context context) { super(context); }public MyGrideView(Context context, AttributeSet attrs) { super(context, attrs)

qq_36159785的博客 1611

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

如何使用Css样式自定义一个DataGrid的风格下面是我写的一个css文件可以把下面的代码复制到一个写字板里另存为*。css 的文件，例如命名为1024.css /*---------------------------Datagrid--------------------------------*/.datagrid{font-family: Verdana, Arial...

weixin_30289831的博客 77

自定义GridView皮肤

漂亮的GridView样式设置 自定义GridView皮肤。

ljm_lijingming的专栏 934

【前端】jQuery DataTables 使用手册（精简版）

本文转载自：https://www.cnblogs.com/shamoyuu/p/5182940.html 作者：shamoyuu 转载请注明该声明。转载请注明出处：http://www.cnblogs.com/shamoyuu/p/5182940.html 前排提醒，这个插件能不用就不用，那么多好的插件等着你，为什么要用它呢？就算用easyui的datagrid然后自己改样式都比这强得多。 ...

xfxf996的博客 334

easyui datagrid 样式自定义

easyui datagrid 样式自定义 css自定义 .datagrid-view { background-color:#0F9BDE; } td.datagrid-header-over:hover,.datagrid-header-rownumber:hover { background: -mo

jackiehome的专栏 5783

DataGrid应用样式文件定义动态样式

在ASP.NET开发过程中，DataGrid使用的频率是非常高的，对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每个页面都要对上述样式逐个设置，工作效率可想而知了，估计一天也出不了几个页面，而且在VS.NET中一个最大的BUG就是当...

126

为Project提供一个统一风格的DataGrid

基本上，一个Project中我们使用的控件风格都是一致的，比如DataGrid控件，他的页眉，页脚，行的字体颜色，交替行的背景色等等，我们不太可能每次使用这个控件都去设置一次这些属性，这绝对是一件很烦人的事。通常情况下我们会使用css来定义这些风格，然后再去分别定义DataGrid的ItemStyle,HeaderStyle等等的css属性，不过即便如此，几次这样的经历后，我还是觉得这实在是一件很

One hand Writting,and other Coding 892

Lumino主题定制指南：如何创建自定义UI风格的快速方法

Lumino是一个用于构建交互式Web应用程序的强大库，提供了丰富的UI组件和灵活的主题定制能力。本指南将向你展示如何快速创建自定义UI风格，让你的Lumino应用程序独具特色。 ## 了解Lumino主题结构 Lumino的主题系统基于CSS构建，主要包含默认主题和组件样式。默认主题文件位于`packages/default-theme/style/index.css`，它通过@import

gitblog_01183的博客 337

XP 风格的可拖动列、排序的DataGrid的例子

（CSS）：body{ background-color: buttonface; scroll: no; margin: 0px; border: none; overflow: hidden;}.xpTable{ behavior: url(xpTable.htc); sortNoneImageUrl: sortBlank.gif; sortUpImageUrl: sortUp.gif;

萝卜青菜 889

CSS常用控件样式

/**//*按钮样式*/ .ButtonCss { font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER-...

shuaisweet的专栏 657

上一篇：自定义asp.net控件分析

下一篇：带图片的，多列的DropDownList的实现(孟子的文章)

自定义GridView的表格样式

qq_36159785的博客

05-11

1611