title: Hide column headers in ag-grid
body: <p>Here is a very basic sample with ag-grid: <a href="https://stackblitz.com/edit/ag-grid-react-hello-world-qqjk5k" rel="nofollow noreferrer">https://stackblitz.com/edit/ag-grid-react-hello-world-qqjk5k</a></p>
  <pre><code>import React from 'react';
  import { render } from 'react-dom';
  import { AgGridColumn, AgGridReact } from 'ag-grid-react';
  
  import 'ag-grid-community/dist/styles/ag-grid.css';
  import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
  
  const App = () =&gt; {
    const rowData = [
      { make: 'Toyota', model: 'Celica', price: 35000 },
      { make: 'Ford', model: 'Mondeo', price: 32000 },
      { make: 'Porsche', model: 'Boxter', price: 72000 },
    ];
  
    return (
      &lt;div className=&quot;ag-theme-alpine&quot; style={{ height: 400, width: 600 }}&gt;
        &lt;AgGridReact rowData={rowData}&gt;
          &lt;AgGridColumn field=&quot;make&quot; headerHeight=&quot;0&quot;&gt;&lt;/AgGridColumn&gt;
          &lt;AgGridColumn field=&quot;model&quot; headerHeight=&quot;0&quot;&gt;&lt;/AgGridColumn&gt;
          &lt;AgGridColumn field=&quot;price&quot; headerHeight=&quot;0&quot;&gt;&lt;/AgGridColumn&gt;
        &lt;/AgGridReact&gt;
      &lt;/div&gt;
    );
  };
  
  render(&lt;App /&gt;, document.getElementById('root'));
  </code></pre>
  <p>I would like to not show the column headers, thus I put <code>headerHeight=&quot;0&quot;</code>. But it did not work.</p>
  <p>So does anyone know how to hide the column headers?</p>
  <p>Additionally, I would like to pass a two-dimensional array <code>[['Toyota', 'Celica', 35000],['Ford', 'Mondeo', 32000], ['Porsche', 'Boxter', 72000]]</code> (rather than object) to the data. Does anyone know how to make ag-grid accept that? Do we have to convert the data by ourselves?</p>