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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM