Table Row - representation for Navigation Type, known in UI5

[nikolay-kolarov]

Feature Request Description

Issue origin: #3581

2. TableRow (ui5-table-row) the ability to show an icon at the end of the row (in your case "arrow-right" icon to represent the "Navigation" type, known in UI5), f.e:

Priority

• [ ] Low
• [x] Medium
• [ ] High
• [ ] Very High

A clear and concise description of the impact/urgency of the required feature.

Stakeholder Info

CRP - more info in #3581

[kartikc13]

@nikolay-kolarov : Could you please provide the status of this feature request? We are approaching our development close soon and really require this feature for many of our apps.

[nikolay-kolarov]

Hi @kartikc13 ,

Thanks for getting in contact. Unfortunately we were not able to pick-up this task due to other urgent and high priority tasks. Could you please provide info on the exact deadlines, so that I can check what we can do and when?

Thanks, Nikolay

[emanurag]

Hi @nikolay-kolarov I work with @kartikc13 and we would need this feature latest by April 4th, 2022. Could you please let us know if this is possible by then? Thanks, Anurag

[nikolay-kolarov]

Hello @emanurag and @kartikc13,

After further checking this, we think that it can be achieved with the already available APIs of the ui5-table.

Here is one sample showcasing how you can define active rows and listen to the ui5-row-click event: https://codesandbox.io/s/ui5-webcomponents-forked-715nq6?file=/index.html

I will keep the item open, so that we can use it to check if there is something missing and to create samples.

Please have a look at the sample and provide feedback, if you miss something.

Thanks, Nikolay

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 21 days. If there are still questions or comments, please feel free to continue the discussion. Inactive issues will be closed after 7 days!

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 28 days, so I am closing the issue.

[hristop]

Hi @nikolay-kolarov

We are writing to inform you about an important development regarding our ui5-table component. After careful consideration and received feedback, we have decided to focus on re-implementing and improving the existing table component based on the gathered feature requests and requirements. Here are some details about this decision and how it may affect our ongoing development efforts.

The decision was made based on several factors, including scalability, performance, accessibility and the ability to meet future feature requirements. Our team has recognised the limitations of the current table component and after careful consideration, we concluded that it would be more effective to develop a new table component from scratch rather than invest more time in enhancing the current one.

While this decision allows us to provide a better user experience and meet evolving needs, I want to acknowledge that it may have some implications for the feature requests that have been made for the current ui5-table component. We understand that stakeholders have invested time and effort in suggesting improvements and new features. Rest assured that we value your input, and we will make every effort to take these feature requests into consideration during the development of the new ui5-table component.

However, it is important to note that the new table component may introduce backward incompatible changes. These changes may impact the way the current table component functions, including its API and visual representation. We understand that this may require adjustments and adaptations on your end. Our team will strive to provide documentation and guidance to facilitate a smooth transition to the new table component.

We are excited about the opportunities this transition will bring and the positive impact it will have on our product.

Should you have any questions or concerns regarding this transition or its implications, please don't hesitate to reach out.

Thank you for your understanding and continued support as we embark on this important transition. Unfortunately for now we are not able to provide concrete timelines but we are currently working on a first preview version of the new WebComponent which should already offer a first impression of the concepts behind. We have gathered the feature requests and we surely have them in mind while developing the new component.

Best Regards, Hristo

[mrCherry97]

Hi, we also are struggling with this topic, and it's very important for us. Best regards Mateusz Developer in Kyma team

[ilhan007]

Hello @mrCherry97

I think this could be pretty much achieved with an additional column, where you can put the icon as shown here:

https://stackblitz.com/edit/js-7pzf5r?file=index.html Note: don't look at the blue vertical line, it's coming from another property, I just set it to see how they would look in combination.

[mrCherry97]

Hi @ilhan007

Yes, it's possible to make it that way, but when you are using popin arrow needs to be in the middle of the row, but it is on top of the row:

My requirements from UX:

Example from UI5 Demo Kit:

So your solution is working partially, but it's still a workaround, which is not making 100% of the requirements. Thanks for an idea!

Best regards Mateusz

[ilhan007]

I think, it should be centered according to the main row (before the popin) not to the entire row after the popin.

Spec:

[ilhan007]

[mrCherry97]

Hi, I talked with our UX team, and they decided to go with your specs, and we will make an arrow in the middle of the main row. Thanks for all of the support!

[ilhan007]

Welcome, get back to us in case you have issues with the arrow placement!