Support for nested column headers

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

Are any plans to support multiple tier headers/headers spanning multiple rows or columns similar to these?: https://www.w3.org/WAI/tutorials/tables/irregular/

This might be the only feature that prevents this module from having everything I might ever need in a datatable.

Maybe there already is a way of doing that using the templates, but I’ve been trying around and have had no luck.

(also pinning top headers could also be interesting)

I’m assuming the ability to do that would actually have to be implemented in the library itself, right?

Thanks.

[stckcrsh]

I would love to see this feature

[uzairwayne]

Although nested column headers is’nt supported yet, i’ve found a workaround by leveraging ngx-datatable-header-template and ngx-datatable-cell-template and html’s <table> elements.

<ngx-datatable-column prop="prop" headerClass="my-custom-header-class" [cellClass]="'my-custom-cell-class'" [flexGrow]="4" [resizeable]="false" [draggable]="false">
                <ng-template let-column="column" ngx-datatable-header-template>
                    <table>
                        <thead>
                            <tr>
                                <th colspan="4">Parent Heading</th>
                            </tr>
                            <tr>
                                <th>Child Heading 1</th>
                                <th>Child Heading 2</th>
                                <th>Child Heading 3</th>
                                <th>Child Heading 4</th>
                            </tr>
                        </thead>
                    </table>
                </ng-template>
                <ng-template let-row="row" ngx-datatable-cell-template>
                        <table>
                            <tbody>
                                <tr>
                                    <td>child1data</td>
                                    <td>child2data</td>
                                    <td>child3data</td>
                                    <td>child4data</td>
                                </tr>
                            </tbody>
                        </table>
                </ng-template>
</ngx-datatable-column>