1. 程式人生 > >Easyui 自定義樣式設置表格高度後 TreeGrid多出空白行

Easyui 自定義樣式設置表格高度後 TreeGrid多出空白行

增強 ble 空白行 eas table tr 兩種 easyui 定義 追加

  EasyUI datagrid 官方代碼中 表格的高度太矮,於是新增了樣式來增強表格高度

.datagrid-btable tr{height: 35px;}    /* datagrid 行高 */

  後來使用到TreeGrid,發現每次折疊父節點時都會多出一個空白行(如下圖),感覺好難看

技術分享

  解決方法有兩種:

  方法1,刪除自定義樣式

.datagrid-btable tr{height: 35px;}    /* datagrid 行高 */

   或者方法2,再追加自定義樣式

.datagrid-btable .treegrid-tr-tree tr {height: auto
;} /* 規避tree grid折疊時多出一個空白行 */

  

Easyui 自定義樣式設置表格高度後 TreeGrid多出空白行