I’m trying to setup a grid using ag-grid angular. I want to span a single column header over two columns.
<code>| spans col 1 and 2 | <- header row
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
</code>
<code>| spans col 1 and 2 | <- header row
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
</code>
| spans col 1 and 2 | <- header row
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
I’ve read about column groups, but that seems to add a 2nd header row which can span two column headers. I don’t want this.
<code>| group spans col 1 and 2 | <- group header row
| col 1 header | col 2 header | <- column header row (don't want this)
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
</code>
<code>| group spans col 1 and 2 | <- group header row
| col 1 header | col 2 header | <- column header row (don't want this)
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
</code>
| group spans col 1 and 2 | <- group header row
| col 1 header | col 2 header | <- column header row (don't want this)
| row 1 col1 | row 1 col2 | <- data row 1
| row 2 col1 | row 2 col2 | <- data row 2
Any suggestions on how I can accomplish this?