如果项目中全局都要修改成某个样式,
找到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\');