自定义标题高度,避免使用CSS

时间:2015-12-07 15:26:13

标签: javascript css datatable header webix

有没有办法在Webix中设置自定义标题高度以避免CSS? 当我重新定义诸如webix_ss_headerwebix_hcell之类的类时,布局的高度会根据我所做的修改而改变。 例如:

.webix_hcell {
    line-height:20px !important;
    height:20px !important;    
}
.webix_ss_header {
    height:20px !important;  
}  

以上代码会导致following issues

  1. 垂直滚动条的标题不适用于其他标题,需要另一个CSS类;
  2. 在底部显示一个空格,该空格对应于标题的默认高度和自定义高度之间的差异。这里垂直滚动条像往常一样呈现。
  3. 如您所见,它会影响底层内容,页脚和滚动条的位置。我怎么能克服这个?

1 个答案:

答案 0 :(得分:2)

有两种方法可以将自定义高度设置为标题:

1 - headerRowHeight属性

  view:"datatable",   
  headerRowHeight:20,

2 - height用于其中一个标题

columns:[  
    { id:"title",   header:{text:"", height:20} ,width:250},
]  

您的代码段: http://webix.com/snippet/6519b63d