如果項目中全局都要修改成某個樣式,
找到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');