修改easyui默认datagrid的表格内字体大小,样式

摘要:
如果项目中全局都要修改成某个样式,找到easyui.css,修改easyuidatagrid的表格字体样式,font-size是字体大小。.datagrid-cell,.datagrid-cell-group,.datagrid-header-rownumber,.datagrid-cell-rownumber{margin:0;padding:04px;white-space:nowrap;word-wrap:normal;overflow:hidden;height:18px;line-height:18px;font-weight:normal;font-size:15px;font-family:SimHei;}这里修改行高,修改字体后,字体变大缩小,行高也要随着设置一下。.datagrid-header-row,.datagrid-row{height:30px;}如果是局部修改样式,建议用js代码修改样式。//更改的是datagrid中的数据$.css;//datagrid中的列名称$.css;//标题$.css;//分页工具栏$.css;

如果项目中全局都要修改成某个样式

找到easyui.css,修改easyui datagrid的表格字体样式,font-size是字体大小。
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {margin:0;padding:0 4px;white-space:nowrap;word-wrap:normal;overflow:hidden;height:18px;line-height:18px;font-weight:normal;font-size:15px;font-family:SimHei;
}

这里修改行高,修改字体后,字体变大缩小,行高也要随着设置一下。

.datagrid-header-row,
.datagrid-row {height:30px;
}

如果是局部修改样式,建议用js代码修改样式。

//更改的是datagrid中的数据
$('.datagrid-cell').css('font-size','16px');
//datagrid中的列名称
$('.datagrid-header .datagrid-cell span ').css('font-size','36px');
//标题
$('.panel-title ').css('font-size','36px'); 
//分页工具栏
$('.datagrid-pager').css('display','none');

免责声明:文章转载自《修改easyui默认datagrid的表格内字体大小,样式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Navicat for SQLite常用功能学习(01)ServU使用方法及应用技巧下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

实验3- 熟悉常用的 HBase 操作

石家庄铁道大学信息科学与技术学院 实验报告 2018年----2019年第一学期 题目:熟悉常用的 HBase 操作 课程名称:大型数据库应用技术 班级:信1605-2班 姓名: XX学号: XXXXXXXX 指导教师: XXX 一、实验内容与完成情况:(实验具体步骤和实验截图说明) 实验...

python3下pygame显示中文的设置

1.先看代码: import pygame from pygame.locals import * def main(): pygame.init() screen = pygame.display.set_mode((1000, 450)) #窗口的大小 pygame.display.set_caption('pygame程序的...

iOS开发——你真的会用SDWebImage?

http://www.cocoachina.com/ios/20160503/16064.html 本文授权转载,作者:hosea_zhou(简书) SDWebImage作为目前最受欢迎的图片下载第三方框架,使用率很高。但是你真的会用吗?本文接下来将通过例子分析如何合理使用SDWebImage。 使用场景:自定义的UITableViewCell上有图片需要...

CSS样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM 粗细...

wpf 获取datagrid中模板中控件

//获取name为datagrid中第三列第一行模板的控件 FrameworkElement item = dataGrid.Columns[3].GetCellContent(dataGrid.Items[0]); DataGridTemplateColumn temp = dataGrid.Column...

CSS文本部分之字体样式[1]

1. 字体系列 [通用字体系列] 1. serif字体:带衬线字体,如Georiga、Times等 2. sans-serif字体:不带衬线字体,包括Arial、Geneva等 3. Monospace字体:等宽字体,包括Courier等 4. Cursive字体:手写字体,包括Author等 5. Fanstasy字体:无法归类,包括Western等...