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

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

找到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');

 

 

posted @ 2020-03-30 17:02  万里哥  阅读(4649)  评论(0编辑  收藏  举报