Easyui 自定义样式设置表格高度后 TreeGrid多出空白行

  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折叠时多出一个空白行  */

  

时间: 2024-10-05 07:57:20

Easyui 自定义样式设置表格高度后 TreeGrid多出空白行的相关文章

【Flex】子元素设置百分比高度生效的解决方法

一.问题描述: 当使用Flex布局时,子元素设置百分比高度后,如下图没有效果: 二.解决方法: 父元素必须设置高度,效果如下图: 三.完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

JQuery EasyUI DataGrid根据条件设置表格行样式(背景色)

1.javascript定义函数返回样式 <script type="text/javascript"> //根据条件设置表格行背景颜色 function setRowBgColor(index, row) { if (row.ERROR_INFO != null && row.ERROR_INFO != "") { return 'background-color:yellow;color:black;'; } } </scrip

博客园自定义CSS样式设置

关于博客园自定义CSS样式设置 关于博客园自定义CSS样式设置 首先,选择一个博客皮肤模板,如下 然后,F12审查元素,可对右侧的元素规则进行自定义更改,然后覆盖原CSS 譬如看看取消掉自定义背景图片是什么样子,同理也可以添加CSS样式代码 如此修改完后,就可在页面定制CSS代码框中填上你所需要修改的代码 下面是我的页面定制CSS代码: 1.html,body{2. color: #807C7C;3. font-family: "Helvetica Neue",Helvetica,Ar

Ueditor上传图片后自定义样式类名

Ueditor是百度的一个富文本插件,如果使用者会前端语言的话,那适用性就很好,特别是现在移动端纵横的情况.但往往使用者并不懂编程,要让他们使用前端语言的话是不可能的,这就需要我们在开发时就定义好整个样式. 正常情况下,我们上传后的图片是固定了宽高的,要想适用移动端,就必须使宽度定义为100%,或者加个类上去,我们可以自定义.这就是我们的思路. 下面是修改代码: ueditor.all.js UE.plugin.register('simpleupload', function (){ ...

easyui 自定义验证,动态设置提示信息

//自定义验证规则 名称为name //$.fn.validatebox.defaults.rules.name.message 动态自定义提示内容 $.extend($.fn.validatebox.defaults.rules, { name: { validator: function (value, param) { var error=false;; if(!/^\S{4,25}$/.test(value)){ //4-25验证 $.fn.validatebox.defaults.ru

delphi 设置表格样式。

//设置表格样式 wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineStyle = Word.WdLineStyle.wdLineStyleSingle; wordDoc.Tables.Item(1).Borders.Item(Word.WdBorderType.wdBorderLeft).LineWidth = Word.WdLineWidth.wdLineWidth050pt; wordDoc.Ta

使用设置自定义对话框的大小,位置,样式以及设置在安卓桌面上弹出对话框

第一步:创建对话框 MyDialog mydlg=new MyDialog(context); 第二步:获取对话框的window实例,通过window实例来控制对话框出现的位置,大小和弹出时候的场景 Window dlgwindow=mydly.getWindow(); 设置对话框最终显示位置 dlgWindow.setGravity(Gravity.TOP); 参数可以是Gravity.TOP(顶部),Gravity.BUTTON(底部),Gravity.LEFT(左边),Gravity.RI

Dialog自定义样式的设置

final MyDialog dialog = new MyDialog(CouponsDetailActivity.this,R.style.MyDialogStyle); View view = LayoutInflater.from(CouponsDetailActivity.this).inflate(R.layout.logindialog,null); dialog.setContentView(view); Button sure = (Button) view.findViewB

Android 解决通过自定义设置打开热点后手机搜索不到热点的问题。

开发过程中出现了通过自定义设置打开热点后手机搜索不到热点的问题. 后来通过观看  /data/misc/wifi  目录下的  hostapd.conf  文件,发现是 interface=ap0 driver=nl80211 ctrl_interface=/data/misc/wifi/hostapd ssid=Anffff channel=6 ieee80211n=1 hw_mode=g ignore_broadcast_ssid=1 wowlan_triggers=any max_num_