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

Fixed row headers on Table and DataGrid #2339

Closed
wartim opened this issue May 10, 2021 · 11 comments · Fixed by #5095
Closed

Fixed row headers on Table and DataGrid #2339

wartim opened this issue May 10, 2021 · 11 comments · Fixed by #5095
Assignees
Milestone

Comments

@wartim
Copy link

wartim commented May 10, 2021

I hope Table and DataGrid can add the function of fixing row headers and columns

@stsrki
Copy link
Collaborator

stsrki commented May 10, 2021

Can you explain what is fixing the row headers? Not be able to resize?

@wartim
Copy link
Author

wartim commented May 10, 2021

That is, when the height of the table / DataGrid is limited, a scroll bar will appear in tbody (when the data cannot be displayed completely), and then the contents (table data) can be scrolled, but not the header.

Fixed columns are the same: if I limit the width of the table and the width of each column, then when there are too many columns, the horizontal scroll bar will be displayed. When I scroll the horizontal scroll bar to the right, the fixed columns will not scroll together

1
2
3

@wartim
Copy link
Author

wartim commented May 10, 2021

I can use some CSS styles to control, but it's better to have built-in functions

@stsrki
Copy link
Collaborator

stsrki commented May 10, 2021

The fixed header is done a few days ago, #2293

For columns, it is not a priority so for now it will need to wait.

@wartim
Copy link
Author

wartim commented May 10, 2021

OK, these functions are often used in real projects, and table / DataGrid is a very common and important data presentation component, hoping to integrate more and more powerful practical functions

PS: I ran the chart streaming example in the document. The delay of real-time rendering is very high. I hope it can be improved. Dynamic generation of chart data and display are also common functions of various report pages

@stsrki
Copy link
Collaborator

stsrki commented Oct 29, 2021

@David-Moreira you have worked on the fixed header so maybe you can make the same for the fixed columns? v1.0?

@David-Moreira
Copy link
Contributor

God! Do I love these features!!

@David-Moreira David-Moreira self-assigned this Oct 29, 2021
@stsrki
Copy link
Collaborator

stsrki commented Oct 30, 2021

I don't know, do you? 😂

@David-Moreira
Copy link
Contributor

😂...

@stsrki stsrki added this to the 1.3 milestone Apr 3, 2022
@stsrki stsrki changed the title Table and DataGrid Fixed row headers on Table and DataGrid Apr 3, 2022
@David-Moreira David-Moreira removed their assignment Jul 3, 2022
@PatTheLad
Copy link

PatTheLad commented Jun 9, 2023

Would love to see this feature in the future.
Looking foreward to it!
Is there any workaround in the meantime?

@stsrki
Copy link
Collaborator

stsrki commented Jun 9, 2023

Is there any workaround in the meantime?

You will most likely need to adjust some CSS. Look at SO for reference https://stackoverflow.com/questions/1312236/how-do-i-create-an-html-table-with-a-fixed-frozen-left-column-and-a-scrollable-b

@stsrki stsrki modified the milestones: 1.3, 1.4 Aug 6, 2023
@stsrki stsrki assigned stsrki and unassigned David-Moreira Oct 22, 2023
@stsrki stsrki mentioned this issue Dec 7, 2023
@stsrki stsrki moved this to ✔ Done in Development Jul 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

4 participants