swimlane / ngx-datatable

✨ A feature-rich yet lightweight data-table crafted for Angular
http://swimlane.github.io/ngx-datatable/
MIT License
4.63k stars 1.68k forks source link

Support for nested column headers #407

Open PEsteves8 opened 7 years ago

PEsteves8 commented 7 years ago

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.

amcdnl commented 7 years ago

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.

martin-liu commented 7 years ago

+1

RogerHuangZB commented 7 years ago

Has this been achieved yet?

ridj87 commented 6 years ago

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

wizarrc commented 6 years ago

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

stckcrsh commented 6 years ago

I would love to see this feature

CrazyBite commented 6 years ago

do it please!

seealex commented 6 years ago

Some status?

arti040 commented 6 years ago

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

izogfif commented 6 years ago

Year and a half passed and still nothing? :(

seealex commented 6 years ago

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

Em Sex, 18 de mai de 2018 18:56, Pavel notifications@github.com 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 .

dbojantchev commented 6 years ago

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

ABugajska commented 6 years ago

I would love to see this feature asap 🙏

Solid-Metal commented 5 years ago

still nothing....

uzairwayne commented 5 years ago

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>
anuteja commented 2 years ago

any update on this feature?