search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 263 forks source link

Consulting: how to create an Expandable Row using ui5-table? #455

Closed Psidium closed 4 years ago

Psidium commented 5 years ago

This is what I was trying to achieve when I faced #454.

I'd like to create an Expandable Row, like this:

How can I create this using ui5-table? (I don't even know if sap.m.Table supports this)

I tried adding a new row that I would show or hide based on some rules, but I cannot create components that fill the whole row of the table.

MapTo0 commented 5 years ago

I am not really sure if this can be achieved with the current API :/

I will give a try for it. Looks like a feature request for merging cells of a row.

Psidium commented 5 years ago

Do you think we could tackle this now that we have a pre-release version of UI5 web components?

MapTo0 commented 5 years ago

We plan to invest time for improvements of the table component, but I am not completely sure that this feature will be in the roadmap as it is not really a feature of the existing components from OpenUI5.

Anyway, I have it on my mind and we will try to make it feasible to implement with some minor effort in the application.

vladitasev commented 4 years ago

Hello,

After consulting the experts, we have determined that the kind of behavior you're trying to achieve is not according to the UX guidelines of the Table. Additional information, according to the latest UX trends, should be shown either in a popup, or by navigating to another page. Therefore at this point we do not plan to implement expandable rows.

Regards, Vladislav

fifoosid commented 4 years ago

Hi @Psidium ,

Here I have created a working example of how you can create expandable rows by yourself: https://codesandbox.io/s/ui5-webcomponents-0881d

Hope it helps you!

Best Regards, Filip

Abhi0806 commented 11 months ago

Did anyone find any solution on how it can be achieved using sap.m or sap.ui table ? I see there is a blog which explains how it can be displayed under each row . https://blogs.sap.com/2019/04/02/sap-ui5-table-row-shift-expand/ But it is not working as expected for ui table or if i try to do any sort of table related tweaks. Any suggestions on how the child table can be added as a custom control when an expand button is clicked ?

Thanks, Abhinay