[AnalyticalTable]: Public prop or CSS variable to remove container border and control header border width

Geschlossen
#9,069 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
55/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
react, typescript
Bereich
design, frontend

Rechercherichtung

Start by reading the AnalyticalTable public props and its container and header styling, including the internal selector and CSS variable named in the issue. Identify how the component exposes supported styling options and decide whether a public prop or documented variables fit the existing API. Done means consumers can remove the default border and control header border width through a supported public interface.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Is your feature request related to a problem?

When customizing AnalyticalTable to remove its default container border and suppress the default header border width, the only way to achieve this is via the private data-component-name="AnalyticalTableContainer" CSS selector and the --_ui5wcr-AnalyticalTable-HeaderBorderWidth custom property (underscore-prefixed, treated as internal). These are undocumented and can silently break on library upgrades with no compile or test signal.

Describe the solution you'd like

A public prop on AnalyticalTable (e.g. withBorder={false}) or documented CSS variables for controlling the container border and header border width, so consumer apps can customize these without depending on internal implementation details.

Describe alternatives you've considered

Using the private data-component-name="AnalyticalTableContainer" selector and --_ui5wcr-AnalyticalTable-HeaderBorderWidth property as a workaround, pinned to the current major version.

Additional Context

This came up when embedding AnalyticalTable inside a custom card-style container. The default container border conflicts with the outer wrapper's styling, and the only available override targets internal selectors.

Organization

No response

Declaration
  • I’m not disclosing any internal or sensitive information.
Vorherrschende Sprache
TypeScript
Sterne
543
Forks
114
Ø Merge
18 Std. 30 Min.
Gemergte PRs (30 T.)
76

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus UI5/webcomponents-react

Alle Issues in UI5/webcomponents-react

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.