自定义 header 高度避免 CSS
Custom header height avoiding CSS
有没有办法在 Webix 中设置自定义 header 高度以避免 CSS?
当我重新定义 class 时,例如 webix_ss_header
和 webix_hcell
,布局的高度会根据我所做的修改而变化。
例如:
.webix_hcell {
line-height:20px !important;
height:20px !important;
}
.webix_ss_header {
height:20px !important;
}
以上代码导致following issues:
垂直滚动条的 - Header 不适应其他,需要另一个 CSS class;
- 在底部出现一个space,对应header的默认高度和自定义高度之间的差异。特此垂直滚动条照常渲染。
如您所见,它会影响下方内容、页脚和滚动条的位置。我该如何克服这个问题?
有两种方法可以将自定义高度设置为 header:
1 - headerRowHeight
属性
view:"datatable",
headerRowHeight:20,
2 - height
对于 headers
之一
columns:[
{ id:"title", header:{text:"", height:20} ,width:250},
]
有没有办法在 Webix 中设置自定义 header 高度以避免 CSS?
当我重新定义 class 时,例如 webix_ss_header
和 webix_hcell
,布局的高度会根据我所做的修改而变化。
例如:
.webix_hcell {
line-height:20px !important;
height:20px !important;
}
.webix_ss_header {
height:20px !important;
}
以上代码导致following issues:
-
垂直滚动条的
- Header 不适应其他,需要另一个 CSS class;
- 在底部出现一个space,对应header的默认高度和自定义高度之间的差异。特此垂直滚动条照常渲染。
如您所见,它会影响下方内容、页脚和滚动条的位置。我该如何克服这个问题?
有两种方法可以将自定义高度设置为 header:
1 - headerRowHeight
属性
view:"datatable",
headerRowHeight:20,
2 - height
对于 headers
columns:[
{ id:"title", header:{text:"", height:20} ,width:250},
]