search

SAP / fundamental-ngx

Fundamental Library for Angular is SAP Design System Angular component library
https://sap.github.io/fundamental-ngx
Apache License 2.0
263 stars 126 forks source link

Platform table grouping not spanning entire row #12261

Closed divyamalhotra488 closed 1 week ago

divyamalhotra488 commented 1 month ago

Is this a bug, enhancement, or feature request?

Bug

Describe your proposal.

For the platform table component, grouping should span entire row with navigation and semantic highlighting.

Can you handle that on the application side

No

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)

All versions.

If this is a bug, please provide steps for reproducing it; the exact components you are using;

  1. Use platform table with grouping, navigation and semantic highlighting.
  2. Try grouping on some field. The group headers does not span entire row which gives bad user experience. Please refer below screenshot: Screenshot 2024-08-14 at 3 56 49 PM

Please provide stackblitz example(s).

https://stackblitz.com/edit/prywkj-gdtmcd?file=src%2Findex.html

In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.

Did you check the documentation and the API?

Yes

Did you search for similar issues?

Is there anything else we should know?

IMPORTANT: Please refrain from providing links or screenshots of SAP's internal information, as this project is open-source, and its contents are accessible to anyone.

rebecagm commented 4 weeks ago

I'm also experiencing the same issue. @InnaAtanasova

droshev commented 4 weeks ago

Update: the issue is only reproducible if the table is set to [rowNavigatable]="true" and has grouping enabled.

divyamalhotra488 commented 3 weeks ago

Hi @droshev, as I have already mentioned in the description the issue happens with grouping when either navigation is enabled or when semantic highlighting is enabled or both.