[Feature Request]: alternateRowColors for table and lists

[fk-aconso]

Feature Request Description

We do have apps using openUI5 with the build-in components and Nuxt.js apps using the UI5 Web Components in production. One design feature that is highly requested are the "alternateRowColors" for Tables, Lists and Trees.

Proposed Solution

Add a property "alternateRowColors" on Table, List and Tree, similar to the UI5 control: https://openui5.hana.ondemand.com/api/sap.ui.table.Table#controlProperties

Proposed Alternatives

No response

Organization

aconso AG

Additional Context

No response

Priority

Medium

Privacy Policy

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

[unazko]

Hello @SAP/ui5-webcomponents-topic-p and @@SAP/ui5-webcomponents-table,

Take a look at this feature request.

Best regards, Boyan

[simlin]

Hello @fk-aconso ,

I quickly checked the Fiori guidelines ( https://experience.sap.com/internal/fiori-design-web/responsive-table/#properties ) and the property alternateRowColors is marked there as "Do not use.". So, from our design department side the functionality seems not be considered as important.

Can you please describe in more detail why this functionality is important for you and who needs this functionality? This feedback would be really helpful.

Thanks and Best Regards Jens

[fk-aconso]

Hi,

mainly because our customers are used to it. The feature has been active in our UI5 applications for years and for the new applications based on the web components, we receive feedback that a return to alternating rows would be very welcome. Users state that it is easier to read information from tables because the rows are better separated from each other.

Best regards

[simlin]

Design department involved

[aborjinik]

Would it be possible for you to define your own alternate color to achieve the effect you're looking for?

[ui5-table-row]:nth-child(even) {
    filter: brightness(95%);
}

[fk-aconso]

what stops you to add your own specific alternate color?

[ui5-table-row]:nth-child(even) { filter: brightness(95%); }

Yes, we will probably do that, if the feature request is rejected.

To make sure it works properly with all themes, does not break color contrast (accessibility) etc., i would prefer a build in solution.

[simlin]

Table: FIORITECHP1-33730

[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]]

This issue has been closed. To reopen, just leave a comment!

[ui5-webcomponents-bot]

:tada: This issue has been resolved in version v2.16.0-rc.2 :tada:

The release is available on v2.16.0-rc.2

Your semantic-release bot :package::rocket: