Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for nested column headers #407

Open
PEsteves8 opened this issue Jan 3, 2017 · 16 comments
Open

Support for nested column headers #407

PEsteves8 opened this issue Jan 3, 2017 · 16 comments

Comments

@PEsteves8
Copy link
Contributor

PEsteves8 commented Jan 3, 2017

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 PEsteves8 changed the title Support for nested column header Support for nested column headers Jan 3, 2017
@amcdnl
Copy link
Contributor

amcdnl commented Jan 3, 2017

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
Copy link

+1

@RogerHuangZB
Copy link

Has this been achieved yet?

@ridj87
Copy link

ridj87 commented Oct 5, 2017

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

@wizarrc
Copy link
Contributor

wizarrc commented Oct 5, 2017

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

@stckcrsh
Copy link

I would love to see this feature

@CrazyBite
Copy link

do it please!

@seealex
Copy link

seealex commented Dec 18, 2017

Some status?

@arti040
Copy link

arti040 commented Dec 31, 2017

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

@izogfif
Copy link

izogfif commented May 18, 2018

Year and a half passed and still nothing? :(

@seealex
Copy link

seealex commented May 21, 2018 via email

@dbojantchev
Copy link

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

@ABugajska
Copy link

I would love to see this feature asap 🙏

@Solid-Metal
Copy link

still nothing....

@uzairwayne
Copy link

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
Copy link

anuteja commented Sep 2, 2022

any update on this feature?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests