反応仮想化テーブルでセル間に境界線を引く方法

ivosh

私が使用していますTableからコンポーネントをreact-virtualized1,000行と20列のデータセットをレンダリングします。列のドキュメントを読んだ後、いくつかの実験を行った後でも、表のセル間に境界線を描くことができません。境界線で仮想化されたreactの例にはGridGridCellMeasurerなどのコンポーネントのみが含まれます

フレックスボックスを使用しているように見えるGridセルの実装が異なると思いますTableか?下の画像では、セルの「コンテンツ」がGridセル全体占めているのに対しTable、一部のみを占めていることに注意してください

グリッド内のセル テーブル内のセル

bvaughn

Tableコンポーネント用途のフレキシボックスのレイアウトあなたはまだフレックススタイルを使用して、あなたが目指しているものを行うことができますので。

たとえばrowStyle={{alignItems: "stretch"}}、列が行の高さ全体を満たすようにを指定できます次に、列のテキストを垂直方向に中央揃えにする場合は、Column小道具を指定できますstyle={{display: "flex", alignItems: "center"}}

(もちろん、CSSクラスでも同じことができます。)

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

反応仮想化でテーブルの高さプロパティを無効にする方法は?

分類Dev

仮想化された反応のテーブルでソートする方法

分類Dev

反応ネイティブで2点間に線を引く方法は?

分類Dev

反応仮想化を使用してテーブルに並べ替えを追加する方法は?

分類Dev

HTML:テーブルセルの境界線を内側に大きくする方法

分類Dev

反応仮想化テーブルをjavascriptからtypescriptに変換します-タイプの問題

分類Dev

反応コンポーネントのテーブルに境界線を追加する方法はありますか?

分類Dev

反応ネイティブで破線の境界線スタイルを描画する方法

分類Dev

セルではなくテーブルの周囲の境界線

分類Dev

1つのセルでのみ2つのtd間のテーブルの境界線を完全に削除します

分類Dev

テーブル内で作業するために下線を引く方法

分類Dev

UICollectionView-セル間に線を引く

分類Dev

長方形の形状をテーブルセルの境界線に揃える方法は?

分類Dev

テーブルセルの境界線をテーブル幅の100%にする

分類Dev

テーブルの各行の間に実線を引くにはどうすればよいですか?

分類Dev

テーブル、tr、セルで異なる特定の境界線のスタイルと間隔を追加します

分類Dev

HTML/CSS の 2 つのテーブル セル間の境界線

分類Dev

テーブルの境界線をセルの高さより低く設定する方法

分類Dev

HTMLテーブルから境界線を完全に削除する方法

分類Dev

SSRSでテーブルの境界線を削除する方法

分類Dev

cssを使用して、htmlテーブルの行間の境界線を非表示にし、列間の境界線のみを表示する方法

分類Dev

React仮想化ライブラリテーブルの列に画像を追加する方法

分類Dev

反応ネイティブでハーフモーダルを開く方法は?

分類Dev

セルの境界線を折りたたんでフローティング画像を表示しながら、テーブルに二重境界線を追加する

分類Dev

iText 7でテーブルセルと境界線のカスタムカラーを作成/設定する方法

分類Dev

仮想テーブルを取り除く方法は?封印されたクラス

分類Dev

Apache POIを使用してWordのテーブルセルに境界線付きの画像を追加する方法

分類Dev

反応仮想化のrowrenderに小道具を渡す方法

分類Dev

コントロールの周りに境界線を引く

Related 関連記事

  1. 1

    反応仮想化でテーブルの高さプロパティを無効にする方法は?

  2. 2

    仮想化された反応のテーブルでソートする方法

  3. 3

    反応ネイティブで2点間に線を引く方法は?

  4. 4

    反応仮想化を使用してテーブルに並べ替えを追加する方法は?

  5. 5

    HTML:テーブルセルの境界線を内側に大きくする方法

  6. 6

    反応仮想化テーブルをjavascriptからtypescriptに変換します-タイプの問題

  7. 7

    反応コンポーネントのテーブルに境界線を追加する方法はありますか?

  8. 8

    反応ネイティブで破線の境界線スタイルを描画する方法

  9. 9

    セルではなくテーブルの周囲の境界線

  10. 10

    1つのセルでのみ2つのtd間のテーブルの境界線を完全に削除します

  11. 11

    テーブル内で作業するために下線を引く方法

  12. 12

    UICollectionView-セル間に線を引く

  13. 13

    長方形の形状をテーブルセルの境界線に揃える方法は?

  14. 14

    テーブルセルの境界線をテーブル幅の100%にする

  15. 15

    テーブルの各行の間に実線を引くにはどうすればよいですか?

  16. 16

    テーブル、tr、セルで異なる特定の境界線のスタイルと間隔を追加します

  17. 17

    HTML/CSS の 2 つのテーブル セル間の境界線

  18. 18

    テーブルの境界線をセルの高さより低く設定する方法

  19. 19

    HTMLテーブルから境界線を完全に削除する方法

  20. 20

    SSRSでテーブルの境界線を削除する方法

  21. 21

    cssを使用して、htmlテーブルの行間の境界線を非表示にし、列間の境界線のみを表示する方法

  22. 22

    React仮想化ライブラリテーブルの列に画像を追加する方法

  23. 23

    反応ネイティブでハーフモーダルを開く方法は?

  24. 24

    セルの境界線を折りたたんでフローティング画像を表示しながら、テーブルに二重境界線を追加する

  25. 25

    iText 7でテーブルセルと境界線のカスタムカラーを作成/設定する方法

  26. 26

    仮想テーブルを取り除く方法は?封印されたクラス

  27. 27

    Apache POIを使用してWordのテーブルセルに境界線付きの画像を追加する方法

  28. 28

    反応仮想化のrowrenderに小道具を渡す方法

  29. 29

    コントロールの周りに境界線を引く

ホットタグ

アーカイブ