タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
皆さんこんにちは。この記事は株式会社カオナビ Advent Calendar 2024の5日目の記事です。 今回は、筆者が弊社のデザインシステムであるsugaoに新しいコンポーネントを実装したときの話です。 sugaoは、デザインシステムあるあるとして、デザインの定義であると同時に再利用可能なコンポーネント集でもあります。ということで、必要に応じてコンポーネントの追加や修正も行われています。 今回取り上げるDataGridというコンポーネントは、MUIのDataGridに近いものだと思っていただくと良いでしょう。つまり、複雑なテーブルを表示するためのコンポーネントです。 筆者は、DataGridコンポーネントの内部実装に TanStack Table を採用しました。これは、フロントエンドで使えるライブラリ集であるTanStackに属する、テーブルライブラリです。ということで、今回はDat
データソースを表示および編集する為のコントロールとして「DataGrid」という標準コントロールがWPFには存在します。 データベースのテーブルデータや複数のデータを扱うコレクションクラス（LIST<T>、Dictionary<T>等）の要素を表示することができます。 いざ、DataGrid を使おうとしたら「どうやって使ったらいいのか分からない」ということは多いのではないでしょうか。 この記事では、WPF の「DataGrid」の基本的な操作方法を紹介しています。 最後まで読めば、あなたが抱えている問題が解決するかもしれません。ぜひ全部読んで DataGrid について理解を深めてみてください。
こんにちは、kenzauros です。 WPF でソフトを作っていると標準のコントロールで足りないことがよくあります。 DataGrid の ComboBox や CheckBox もその一つで、イケてないコントロールの代表格です。おまけに MahApps.Metro のようなコントロールライブラリでもなかなか補完できないのが困った点です。 目新しいことではないですが、 DataGrid を使うときにいつも忘れてしまうので、メモついでにスニペットをご紹介します。 使えない DataGridCheckBoxColumn WPF の DataGrid には DataGridCheckBoxColumn というそのままな名前の列があり、これを使うと簡単にチェックボックスが表示できます。 まぁ、表示するだけなら問題ないんですが、普通チェックボックスを置くときは有効・無効を切り替えたりしたいときだと
こんにちは、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
MUI DataGridでデモ用のデータセットをランダム生成できる@mui/x-data-grid-generatorを使ってみた | DevelopersIO
npmのREADMEを見ても全然情報は無いのですが、このパッケージを使用すればDataGridのデータを生成できます。 @mui/x-data-grid-generator - npm いきなりエラー まず、DataGridの下記ドキュメントのデモで@mui/x-data-grid-generatorが使われていたので、真似して実装をしてみました。 Commercial version | React Data Grid component - MUI こちらがその実装です。useDemoDataでデータセットを生成し、<DataGrid />に渡せば良さそうですね。 import React from 'react'; import { DataGrid } from '@mui/x-data-grid'; import { useDemoData } from '@mui/x-data
こんにちは、働くC#プログラマーのさんさめです。 DataGrid使ってますか？ DataGridはWPFでアプリケーションを作る時、 使いたくなるケースが多いコントロールです。 …より正確には、 「使おうと一度は思うけど 断念することの多いコントロール」 かもしれません。 DataGridは、 とにかく設定できるプロパティが多い上に、 仕様をしっかり把握していないと なかなか思い通りに動いてくれません。 そこで本記事では、 特にMVVM…つまりItemsSourceへのBindingを使って DataGridを使う際に、 「最低限これだけは変更しておいた方が良い」 というプロパティを紹介します。 常用している人には、 常識のようなものばかりですが、 初めてDataGridを採用しようかと 考えている人には役立つのではないかと思います。 DataGridは表形式でデータを表示・編集するコン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DataGridを実装して感じたTanStack Tableに対する所感
【WPF】DataGridの使い方を徹底解説！基本的な操作方法を紹介
WPF の DataGrid で直感的に使えるチェックボックス列を作る
MUIのDataGridを日本語にローカライズしてみた | DevelopersIO
【WPF】DataGridをMVVMで使うなら変えておくべきプロパティ | さんさめのC＃ブログ
www.b-hentai.com
rocketnews24.com
imojiro.info
dailyportalz.jp
b.hatena.ne.jp/ke2750
www.nikkei.com