一个比较漂亮的DataGrid样式表

最新推荐文章于 2023-02-23 15:33:54 发布
最新推荐文章于 2023-02-23 15:33:54 发布
阅读量426 收藏
点赞数
文章标签： 前端 javascript ViewUI

body { font-family:宋体,MS Sans Serif; font-size:9pt; word-break:break-all; }
p  { font-family:宋体,MS Sans Serif; font-size:9pt; }
table { font-family:宋体,MS Sans Serif; font-size:9pt; }
tr  { font-family:宋体,MS Sans Serif; font-size:9pt; }
td
{
 font-size: 9pt;
 overflow: hidden;
 font-family: 宋体,MS Sans Serif;
}
input { font-family:宋体,MS Sans Serif; font-size:9pt; }

.InputField { font-family:宋体,MS Sans Serif;font-size:9pt; }

a:link  {   color: #003399;text-decoration: none;}
a:active{   color: #003399;text-decoration: none;}
a:hover {   color: #003399;text-decoration: none;}
a:visited {   color: #003399;text-decoration: none;}

.Banner { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;
   color:#ffffff;filter:Shadow(color=#000000,directsion=135) }
   
.Title { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#ffffff; }

.Categoriestitle { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;
   color:#000000; }
.Categoriestext { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#000000; }
   
.Copyrighttext { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:normal;
   color:#ffffff; }
   

.Menu:link  { color:#000000;text-decoration:none; }
.Menu:active { color:#000000;text-decoration:none; }
.Menu:hover  { color:#000000;text-decoration:none; }
.Menu:visited { color:#000000;text-decoration:none; }

.ErrTitle{ font-family:宋体, MS Sans Serif;font-size:18pt;font-weight:bold;
   color:#000000; }
   
.Subject{ font-family:宋体, MS Sans Serif;font-size:16pt;font-weight:bold;
   color:#003399; }
   
.SubjectDesc { font-family:宋体, MS Sans Serif;font-size:9pt;color:#003399;font-weight:normal }
  
.ContextTitle{ font-family:宋体, MS Sans Serif;font-size:12pt;font-weight:bold;
   color:#000000; }
   
   
.NewButton  { width:16px;height:15px;background-image:url(../images/banner/new.gif) }
.EditButton  { width:16px;height:15px;background-image:url(../images/banner/edit.gif) }
.DelButton  { width:16px;height:15px;background-image:url(../images/banner/del.gif) }
.OptionButton { width:16px;height:15px;background-image:url(../images/banner/option.gif) }
.QueryButton { width:16px;height:15px;background-image:url(../images/banner/query.gif) }
.SetUserButton { width:16px;height:15px;background-image:url(../images/banner/user.gif) }
.SetRightButton { width:16px;height:15px;background-image:url(../images/banner/userright.gif) }
.ChgPwdButton { width:16px;height:15px;background-image:url(../images/banner/pwd.gif) }
.SetRoleButton { width:16px;height:15px;background-image:url(../images/banner/role.gif) }
.ImportButton { width:16px;height:15px;background-image:url(../images/banner/import.gif) }
.PrintButton { width:16px;height:15px;background-image:url(../images/banner/print.gif) }
.TaskButton { width:16px;height:16px;background-image:url(../images/banner/task.gif) }

.kaoqinButton { width:16px;height:16px;background-image:url(../images/banner/kaoqin.gif) }
.transferButton { width:16px;height:16px;background-image:url(../images/banner/transfer.gif) }
.salaryButton { width:16px;height:16px;background-image:url(../images/banner/salary.gif) }
.workthingButton { width:16px;height:16px;background-image:url(../images/banner/workthing.gif) }
.performanceButton { width:16px;height:16px;background-image:url(../images/banner/performance.gif) }
.checkButton { width:16px;height:16px;background-image:url(../images/banner/check.gif) }
.workButton  { width:16px;height:16px;background-image:url(../images/banner/work.gif) }
.exitButton  { width:16px;height:16px;background-image:url(../images/banner/exit.gif) }
.backButton  { width:16px;height:16px;background-image:url(../images/banner/back.gif) }
.saveButton  { width:16px;height:16px;background-image:url(../images/banner/save.gif) }

.iconPwd  { width:16px;height:16px;background-image:url(../images/banner/pwd.gif)}
.iconHome  { width:16px;height:16px;background-image:url(../images/banner/home.gif)}
.iconCwd  { width:16px;height:16px;background-image:url(../images/banner/chgpwd.gif)}

.Maintenance { width:24px;height:24px;background-image:url(../images/banner/maintenance.gif) }
.ModifyTitle { width:24px;height:24px;background-image:url(../images/banner/modify.gif) }
.WorkBooks  { width:24px;height:24px;background-image:url(../images/banner/workbooks.gif) }


.Error { font-family:宋体, MS Sans Serif;font-size:9pt;
   color:#ff0000; }
   
.tInfo  { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;color:"#B6972E" }
.tInfo2  { font-family:宋体, MS Sans Serif;font-size:9pt;font-weight:bold;color:"#003399" }

.GridBorder { border-top:solid 1px #6595d6;border-left:solid 1px #6595d6;border-right:solid 1px #6595d6;border-bottom:solid 1px #6595d6}

.grid-header a:active
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:link
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:visited
{
 color: #222222;
 text-decoration: none;
}
.grid-header a:hover
{
 color: #222222;
 text-decoration: none;
}
.grid-edit-column
{
 border-top: #696969 1px solid;
 border-bottom: #696969 1px solid;
 border-left: #696969 1px solid;
}
.grid-first-item
{
 border-top: #696969 1px solid;
 border-right: #696969 1px solid;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}
.grid-item
{
 border-right: #696969 1px solid;
 border-top: #696969 1px solid;
 border-left: #696969 1px double;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}
.grid-header
{
 border-bottom: #696969 1px solid;
 font-weight: bold;
 font-size: 11px;
 color: #696969;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-last-item
{
 border-top: #696969 1px solid;
 border-left: #696969 1px solid;
 border-bottom: #696969 1px solid;
 padding-right: 4px;
 padding-left: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin: 1px;
}

Input.AddButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.QueryButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_query.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.ReportButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_check&accept.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

Input.CheckAcceptButton
{
 background-color:Transparent;
 color:#264A54;
 background-image:url(../images/banner/btn_check&accept.gif);
 height:19;
 width:95;
 background-position:0 0;
 background-repeat:no-repeat;
 overflow:hidden;
 cursor:hand;
 font-family:Tahoma;
 border-style:none;
}

weixin_34375054
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
漂亮的datagridviewC#皮肤
11-09
漂亮的datagridview C#皮肤很不错的源代码
wpf DataGrid 自定义样式！
08-02
wpf DataGrid 自定义样式、控件模板 ControlTemplate
WPF DataGrid 样式分享
weixin_40029679的博客
02-23 585
隔行换色，鼠标单击，悬浮样式都有。stayle内的代码。
WPF Datagrid 样式
dxm809的博客
07-22 274
<Style x:Key="TabControlStyle" TargetType="{x:Type TabControl}"> <Setter Property="Padding" Value="2"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="VerticalContentAlignm...
一个还不错的DateGrid样式
皇马啸西风的一亩三分地
12-23 128
&lt;asp:DataGrid ID="NewGrid" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Width="99%" AutoGenerateColumns="False" ShowFooter="true"&gt;
MVC-Chart_WebGrid 显示漂亮chart
liuxufeiyang000的专栏
03-25 1203
 原文：http://www.tuicool.com/articles/maQrYn Demo_Chart_WebGrid Two Part: (1) design a table for test, create a view or procedure and input some records for test. (2) use the view or procedur
wpf 超炫 特效 datagridview
01-11
wpf 超炫 特效 datagridview vs2008 亲测，可用 你值得拥有。
给DataGrid加样式
注重长远 天天积累 cqujsjcyj
04-12 141
  给DataGrid加样式     &lt;HeaderStyle CssClass="title" Font-Bold="True" VerticalAlign="Top"/&gt;      &lt;ItemStyle CssClass="tdbg"/&gt;     --------------------------------------------------------
datagrid样式表定制
零点烛光的专栏
04-24 2320
样式表如下：.datagrid{   font-size: 12px;    background-color:White;    border-color :B6CFF5;    border-top-style:dashed;    word-break:break-all;  } .dgsis{  background-color:#339966;  color:Wh
DataGrid,asp.net样式设置
喜欢在细雨中散步
12-08 1107
            HeaderStyle-CssClass="table_Title" CssClass=" table-box"             HeaderStyle-HorizontalAlign="Center" ShowFooter="false" CellSpacing="1"              AllowSorting="true" Alternat
DataGrid 控件的样式和模板
11-23
关于DataGrid 控件的样式和模板，内容很实用
EjunGrid 界面漂亮功能强大的表格控件源码 1.0
04-15
支持和并单元格 多表头 多种单元格类型，1.普通编辑框 2.组合列表 3.复选框 4.按钮等。可以继承TZjCell实现更多风格的单元格 支持多达9种的对齐方式 树表结合，可以很方便的实现树节点的插入、删除、升级、降级、上移、下移 可以和Excel之间相互复制、粘贴 丰富的事件，可以方便的扩展表格功能 通过事件代码可以向单元格中放入任何类型的控件 还有更多功能期待您的发现
EjunGrid1.0界面漂亮功能强大的表格控件源码
02-23
支持和并单元格多表头多种单元格类型，1.普通编辑框 2.组合列表 3.复选框 4.按钮等。可以继承TZjCell实现更多风格的单元格支持多达9种的对齐方式树表结合，可以很方便的实现树节点的插入、删除、升级、降级、上移、下移可以和Excel之间相互复制、粘贴丰富的事件，可以方便的扩展表格功能通过事件代码可以向单元格中放入任何类型的控件还有更多功能期待您的发现感谢您的使用，请多提宝贵意见，欢迎EjunGrid开发论坛交流学习http://www.e-jun.com/bbsEjunGrid开发组 2005
wpf中DataGrid的样式
故里2130
08-07 8357
在wpf中DataGrid是要经常遇到的，也是一个非常复杂的控件。本节使用DataGrid建立一个表格，并且带有上下左右的滚动条，以及表格中有按钮的功能。6.上下左右滚动条ScrollViewer样式。2.MainWindow.xaml文件代码。1.首先建立一个wpf程序，文件总览。7.最后在App文件中进行配置。5.DataGrid样式。4.Button样式。......
使用Line建立漂亮的Grid DataWindow的技巧
阿文的专栏
08-13 625
虽然PowerBuilder有Grid风格的DataWindow，但不够灵活，如果想打印一张边框粗线条或双线，内框为细线条的表格直接使用Grid风格的DataWindow就不能实现。因此许多人都用Tabular风格的DataWindow，然后自己用Line来实现Grid。 在调整线条位置是一个即伤脑筋又伤眼睛的事件，而一旦需要调整行高，所有工作都得重来，试一试用下面方法，会大大减轻你的工作量： 在
【WPF】DataGrid的Row样式设置
04-26 890
引言 在与DataGrid相关的项目中,会有一个比较常见的需求.那就是在根据数据设置行的样式,例如行的背景色或者字体色.我们用到的方法有几个,下面一个个说来. 准备工作 介绍方法之前,先定义数据类,是一个比较简单的分数表,有姓名,分数等,代码如下: public class Score { public string N...
DataGrid动态添加自定义模板列
dodo·木独朱
04-20 1724
模板列定义：using System;using System.Web.UI;using System.Web.UI.WebControls;namespace CommonComponents{ ///  /// 自定义文本显示模板列 ///  public class SelfDefineTextColumnTemplate:System.Web.UI.ITemplate  {  stri
datagrid的样式定义及pagastyle的样式 定义
mathew的专栏
08-20 677
/*datagrid*/.datagrid{ width: 100%;  font-size: 9pt; background-color: #F0F0E8; border-left: 1px solid #CCCCCC;  border-bottom: 1px solid #CCCCCC; border-right: 1px; border-top: 1px; text-align:center
使用WPF 制作漂亮的datagrid样式
最新发布
05-03
WPF 中的 DataGrid 控件是一个强大的工具，可用于在应用程序中显示和编辑数据集。要创建漂亮的 DataGrid 样式，可以使用以下步骤： 1. 创建一个新的 WPF 应用程序项目。 2. 在项目中添加一个 DataGrid 控件。 3. 在 DataGrid 控件中设置 AutoGenerateColumns 属性为 False。这将使您能够手动指定列。 4. 添加所需的列。可以添加 TextBlock、ComboBox、CheckBox 等控件作为列的元素。 5. 为 DataGrid 添加样式。可以使用样式来更改 DataGrid 中每个单元格的外观，例如背景色、前景色、字体大小等。 6. 为 DataGrid 添加模板列。模板列允许您在 DataGrid 中嵌入自定义控件。 以下是一个简单的示例，演示如何创建具有漂亮样式的 DataGrid： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="450" Width="800"> <Grid> <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding}"> <DataGrid.Columns> <DataGridTemplateColumn Header="Photo"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Image Source="{Binding Photo}" Width="50" Height="50"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="*"/> <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="*"/> <DataGridTemplateColumn Header="Gender"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox ItemsSource="{Binding GenderOptions}" SelectedItem="{Binding Gender}" Width="100"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTemplateColumn Header="IsMarried"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox IsChecked="{Binding IsMarried}"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> <DataGrid.RowStyle> <Style TargetType="{x:Type DataGridRow}"> <Setter Property="Background" Value="#EEE"/> <Setter Property="Foreground" Value="#444"/> <Setter Property="FontSize" Value="16"/> </Style> </DataGrid.RowStyle> </DataGrid> </Grid> </Window> ``` 在这个示例中，我们添加了四列。第一列是一个模板列，显示每个人的照片。第二列是一个文本列，显示每个人的姓名。第三列也是一个文本列，显示每个人的年龄。第四列是一个模板列，允许用户选择每个人的性别。第五列是一个模板列，允许用户选择每个人是否已婚。 最后，我们为 DataGrid 添加了一个样式。这个样式定义了 DataGrid 中每个行的背景色、前景色和字体大小。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值