wanlige

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

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

 

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-09-06
  • 2021-06-30
  • 2021-12-26
  • 2022-01-01
  • 2021-11-04
猜你喜欢
  • 2021-09-04
  • 2021-08-28
  • 2022-03-08
  • 2021-11-04
  • 2021-11-24
  • 2021-12-24
  • 2021-12-31
相关资源
相似解决方案