ngx-datatable icon indicating copy to clipboard operation
ngx-datatable copied to clipboard

Support for nested column headers

Open PEsteves8 opened this issue 8 years ago • 16 comments

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.

PEsteves8 avatar Jan 03 '17 16:01 PEsteves8

Thats really interesting, not had it in my plans. It would be pretty difficult feat but I'm open to PR's and providing feedback on how.

amcdnl avatar Jan 03 '17 19:01 amcdnl

+1

martin-liu avatar Jul 13 '17 18:07 martin-liu

Has this been achieved yet?

RogerHuangZB avatar Sep 22 '17 01:09 RogerHuangZB

Also wondering if this feat is something that has been achieved ? Can't seem to find any info on the documentation site.

ridj87 avatar Oct 05 '17 05:10 ridj87

As far as I know, there is row grouping, but no PRs for column groups

wizarrc avatar Oct 05 '17 13:10 wizarrc

I would love to see this feature

stckcrsh avatar Oct 18 '17 12:10 stckcrsh

do it please!

CrazyBite avatar Oct 27 '17 08:10 CrazyBite

Some status?

seealex avatar Dec 18 '17 11:12 seealex

I'm working on table now which needs such feature and I came here. Meh ;-)

arti040 avatar Dec 31 '17 12:12 arti040

Year and a half passed and still nothing? :(

izogfif avatar May 18 '18 21:05 izogfif

Try PrimeNg man, I did give up ngx-datatable.

Em Sex, 18 de mai de 2018 18:56, Pavel [email protected] escreveu:

Year and a half passed and still nothing? :(

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/swimlane/ngx-datatable/issues/407#issuecomment-390343208, or mute the thread https://github.com/notifications/unsubscribe-auth/AYCB_SMsr7rLDmsYenR0bA0Ttxf-f27_ks5tz0OGgaJpZM4LZwbd .

seealex avatar May 21 '18 14:05 seealex

The absence of column grouping forces my hand to abandon ngx-datatable and seek other solutions.

dbojantchev avatar Jun 10 '18 14:06 dbojantchev

I would love to see this feature asap 🙏

ABugajska avatar Sep 11 '18 06:09 ABugajska

still nothing....

bagussans avatar Nov 16 '18 10:11 bagussans

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>

uzairwayne avatar Sep 03 '19 15:09 uzairwayne

any update on this feature?

anuteja avatar Sep 02 '22 22:09 anuteja