[英]How to hide column header in Ag-grid?
In my vue.js application, I have a requirement where I want to hide the column headers in the ag-grid but want to display the rows.在我的 vue.js 应用程序中,我有一个要求,我想在 ag-grid 中隐藏列标题但想显示行。
I used below property to hide the column headers.我使用下面的属性来隐藏列标题。
headerHeight: 0
with this I can able to hide the column headers but still the line separator between header and first row is visible.有了这个,我可以隐藏列标题,但 header 和第一行之间的行分隔符仍然可见。 How can I add hide the separator line as well?
如何添加隐藏分隔线?
You can achieve it by tweaking the ag-header
style along with the headerHeight
.您可以通过调整
ag-header
样式和headerHeight
来实现它。
In ag-grid
template :在
ag-grid
模板中:
:headerHeight="0"
In CSS
side :在
CSS
侧:
.ag-header {
border-bottom: 0px !important
}
Working Plunker : Hide ag-grid column header工作 Plunker :隐藏 ag-grid 列 header
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.