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

クローズ
#9,069 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
55/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
react, typescript
領域
design, frontend

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

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.
主要言語
TypeScript
スター
543
フォーク
114
平均マージ
18時間 30分
マージ済み PR(30日)
76

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

UI5/webcomponents-react のほかの issue

UI5/webcomponents-react の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。