question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add support for column groups to the Table component

See original GitHub issue

I’m proposing something similar to FixedDataTable (https://facebook.github.io/fixed-data-table/example-column-groups.html):

<Table>
  <ColumnGroup label="Name">
    <Column label="First Name" />
    <Column label="Last Name" />
  </ColumnGroup>
</Table>

The label prop can be either a string or a node. This is a use case in an application I’m building and I’ve worked around it by rendering an “empty” table above the primary table, but first-class support would be great. I can submit a PR, but would like to make sure this isn’t already in the pipeline.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
vakhtangcommented, Dec 23, 2016

@bvaughn Apologies for the delayed response. Indeed I’ve been very busy, but I have not abandoned this improvement. I’ll revisit it after the new year.

3reactions
MihirGHcommented, Mar 24, 2020

@bvaughn I want to use the Table component from the react-virtualized and have the same use-case of grouped columns. Is there any recommended way to achieve this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

<colgroup>: The Table Column Group element - MDN Web Docs
The HTML element defines a group of columns within a table.
Read more >
How to Add groups to Table item and Crosstab item
In a Table, Crosstab or List items, drag data source fields to the Row/Column Fields area. Right-click an existing group to add parent,...
Read more >
Use grouping to modify a list or library view - Microsoft Support
Scroll downward and expand Group By. In the Group By section, under First group by the column, open the list and choose a...
Read more >
React Table: A complete tutorial with examples
Default support for fixed headers and columns; Out-of-the-box ... React Table example: Building a React table component with react-table.
Read more >
Grouping by Row: Core Feature of our Datagrid - AG Grid
To group rows by a particular column, mark the column you want to group with rowGroup=true . There is no limit on the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found