Megabit / Blazorise

Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
https://blazorise.com/
Other
3.25k stars 526 forks source link

Fixed row headers on Table and DataGrid #2339

Closed wartim closed 9 months ago

wartim commented 3 years ago

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

stsrki commented 3 years ago

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

wartim commented 3 years ago

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 commented 3 years ago

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

stsrki commented 3 years ago

The fixed header is done a few days ago, https://github.com/stsrki/Blazorise/pull/2293

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

wartim commented 3 years ago

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

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

David-Moreira commented 2 years ago

God! Do I love these features!!

stsrki commented 2 years ago

I don't know, do you? 😂

David-Moreira commented 2 years ago

😂...

PatTheLad commented 1 year ago

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

stsrki commented 1 year ago

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