タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
皆さんこんにちは。この記事は株式会社カオナビ 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
こんにちは、働くC#プログラマーのさんさめです。 DataGrid使ってますか? DataGridはWPFでアプリケーションを作る時、 使いたくなるケースが多いコントロールです。 …より正確には、 「使おうと一度は思うけど 断念することの多いコントロール」 かもしれません。 DataGridは、 とにかく設定できるプロパティが多い上に、 仕様をしっかり把握していないと なかなか思い通りに動いてくれません。 そこで本記事では、 特にMVVM…つまりItemsSourceへのBindingを使って DataGridを使う際に、 「最低限これだけは変更しておいた方が良い」 というプロパティを紹介します。 常用している人には、 常識のようなものばかりですが、 初めてDataGridを採用しようかと 考えている人には役立つのではないかと思います。 DataGridは表形式でデータを表示・編集するコン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く