タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
皆さんこんにちは。この記事は株式会社カオナビ Advent Calendar 2024の5日目の記事です。 今回は、筆者が弊社のデザインシステムであるsugaoに新しいコンポーネントを実装したときの話です。 sugaoは、デザインシステムあるあるとして、デザインの定義であると同時に再利用可能なコンポーネント集でもあります。ということで、必要に応じてコンポーネントの追加や修正も行われています。 今回取り上げるDataGridというコンポーネントは、MUIのDataGridに近いものだと思っていただくと良いでしょう。つまり、複雑なテーブルを表示するためのコンポーネントです。 筆者は、DataGridコンポーネントの内部実装に TanStack Table を採用しました。これは、フロントエンドで使えるライブラリ集であるTanStackに属する、テーブルライブラリです。ということで、今回はDat
データソースを表示および編集する為のコントロールとして「DataGrid」という標準コントロールがWPFには存在します。 データベースのテーブルデータや複数のデータを扱うコレクションクラス（LIST<T>、Dictionary<T>等）の要素を表示することができます。
WPF DataGridを使ってみた - Qiita
基本的なことはググるとすぐに見つかると思うが、いろんなやり方があるっぽい データの形とかで長所短所があると思うのでいくつかまとめてみた こんな感じのデータを例にやってみる public class ViewModel { public Model _Model { get; } = new Model(); } public class Model { public List<Goods> _Goods { get; set; } = new List<Goods>(); public Model() { for (int i = 0; i < 10; i++) { _Goods.Add(new Goods() { _Name ="商品" + i, _Price = i * 1000, _isAvailable = (i % 2 == 1) ? true : false, _Vender
こんにちは、CX事業本部 IoT事業部の若槻です。 MUI（Material UI v5）は、従来のMaterial UI（v4）に置き換わる、React向けの新しいMaterial-Design UI Componentです。 MUI: The React component library you always wanted 今回は、MUIのDataGridを日本語にローカライズしてみました。 DataGridとは DataGridとは、MUIで使用できるデータテーブルのComponentです。通常のTableComponentよりもリッチな機能を使用できます。 React Data Grid component - MUI DataGridのライセンスには、MIT版とCommertial版があり、Commertial版の利用はMUIのPro以上のプランを契約する必要があります。 Li
こんにちは、働くC#プログラマーのさんさめです。 DataGrid使ってますか？ DataGridはWPFでアプリケーションを作る時、 使いたくなるケースが多いコントロールです。 …より正確には、 「使おうと一度は思うけど 断念することの多いコントロール」 かもしれません。 DataGridは、 とにかく設定できるプロパティが多い上に、 仕様をしっかり把握していないと なかなか思い通りに動いてくれません。 そこで本記事では、 特にMVVM…つまりItemsSourceへのBindingを使って DataGridを使う際に、 「最低限これだけは変更しておいた方が良い」 というプロパティを紹介します。 常用している人には、 常識のようなものばかりですが、 初めてDataGridを採用しようかと 考えている人には役立つのではないかと思います。 DataGridは表形式でデータを表示・編集するコン
MUI DataGridでデモ用のデータセットをランダム生成できる@mui/x-data-grid-generatorを使ってみた | DevelopersIO
MUI DataGridでデモ用のデータセットをランダム生成できる@mui/x-data-grid-generatorを使ってみた こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、MUI（Material UI v5）のDataGridでデモ用のデータセットをランダム生成できる@mui/x-data-grid-generatorを使ってみました。 やってみた 環境 [email protected] [email protected] @mui/[email protected] @mui/[email protected] 導入 @mui/x-data-grid-generatorをインストールします。 $ npm install @mui/x-data-grid-generator npmのREADMEを見ても全然情報は無いのですが、このパッケージを使用すればDataGridのデータを生成で
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DataGridを実装して感じたTanStack Tableに対する所感
【WPF】DataGridの使い方を徹底解説！基本的な操作方法を紹介
MUIのDataGridを日本語にローカライズしてみた | DevelopersIO
【WPF】DataGridをMVVMで使うなら変えておくべきプロパティ | さんさめのC＃ブログ
kakuyomu.jp
zenn.dev/smartshopping
ameblo.jp/yuudon0301
robotstart.info
e-gyousyu.com
www.nikkei.com