[Table]: [For growing table, load more button is displayed even if the data is completely loaded in first time]

[raoakash01]

Describe the bug

When table is rendered "Load More" button is displayed in the bottom even if all the data is completely loaded at first time.

Isolated Example

https://stackblitz.com/github/SAP/ui5-webcomponents-react/tree/main/templates/vite-ts?file=src%2FApp.tsx

Reproduction steps

1.Navigate to https://stackblitz.com/github/SAP/ui5-webcomponents-react/tree/main/templates/vite-ts?file=src%2FApp.tsx

Expected Behaviour

If there is no more data to load even after the first time "More" button should not be there

Screenshots or Videos

UI5 Web Components for React Version

2.7.1

UI5 Web Components Version

2.7.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @raoakash01

this behavior is by design. Please see the description of the TableGrowing component.

When the TableGrowing component is used with the Scroll mode and the table is currently not scrollable, the component will render a growing button instead to ensure growing capabilities until the table becomes scrollable.

You can find out more about it in this comment.

Btw, your example link only leads to our default template 😉

---

Since this issue is essentially the same as the one linked, I'm going to close this one. If you have any additional questions or feedback, please feel free to add them to the linked issue.

[raoakash01]

hey @Lukas742
I pasted wrong example link initially
correct example link

https://stackblitz.com/edit/github-gq3j47gb?file=src%2FApp.tsx

Issue 1 -> why do we get "More" button if there are only 2 items to load which are already loaded
Issue 2-> If we render using condition why does the scroll does not work to load more data

please re-open the ticket again

[Lukas742]

Hi @raoakash01

Issue 1 -> why do we get "More" button if there are only 2 items to load which are already loaded

Please see the comment I linked previously: #10481 (comment)
So, if there's no more data to load, remove the growing feature.

Issue 2-> If we render using condition why does the scroll does not work to load more data

This looks like a bug to me. As the Table and all of its subcomponents are developed in the ui5-webcomponents repo, I'll transfer this issue there.

---

Hi Colleagues,

the "Scroll" grow feature doesn't seem to work when a height is applied to the table itself. When applied to the surrounding container, it's working as intended - but this makes it impossible to implement a sticky header.

This behavior can also be observed in your playground example: https://sap.github.io/ui5-webcomponents/components/TableGrowing/#growing-with-scrolling

[raoakash01]

hey @Lukas742

I have put table inside a div and give to height but still. I observed uncertain behaviour like neither getting "More" Button nor the scroll

[Lukas742]

Hi @raoakash01
From what I understand, there should be a "More" button displayed, given that the table isn't scrollable. So to me, this does appear to be a bug.

Colleagues, could you please check this as well?