如何在 Ag-grid 中隱藏列 header？

Question

在我的 vue.js 應用程序中，我有一個要求，我想在 ag-grid 中隱藏列標題但想顯示行。

我使用下面的屬性來隱藏列標題。

headerHeight: 0

有了這個，我可以隱藏列標題，但 header 和第一行之間的行分隔符仍然可見。 如何添加隱藏分隔線？

Answer 1

您可以通過調整ag-header樣式和headerHeight來實現它。

在ag-grid模板中：

:headerHeight="0"

在CSS側：

.ag-header {
  border-bottom: 0px !important
}