Skip to content

[Analytical tab;e]: TextAlign issue in Tree table columns due to extra spacer element #6368

@kmanisha29

Description

@kmanisha29

Describe the bug

An extra space is getting added to all columns in tree table and it is an element due to which text is not getting aligned from beigining ( TextAlign.Begin). It looks like centrally aligned even horizontally.
This extra space is due to extra element being added to each column of tree table:

This makes the column text look central aligned for normal cells also like 2nd or 3rd coumneven if we try to use TextAlign.Begin . Any textAlign value does not align it from left.

Isolated Example

https://stackblitz.com/edit/github-3wiuce-kjl4sq?file=src%2FApp.tsx,src%2FTreeCell.tsx,src%2FuseData.ts

Reproduction steps

  1. Create a tree table with hierarchy
  2. Have 2nd and 3rd column as normal text cells
  3. Try to align then from start or left
    ...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

1.26.0

UI5 Web Components Version

1.23.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

SAP

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions