修改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');