全て
| カテゴリ未分類
| 通常
| 数学
| 投資
| 副業
| 転職・就職
| ブログ
| 株Stock
| VBA
| SharePoint
| REST API
| RenderListDataAsStream
| PowerAutomateDesktop
| Graph API
| PowerApps
| PowerAutomate
| PowerFx
| OfficeScriptオフィススクリプト
| PowerAutomate日時Excel日時相互関係
| PowerShell
| Dataverse
| UiPath
| OneDrive
| LINQ
| VB.NET
| C#.NET
| WPFC#.NET
| Git
2024.03.17
カテゴリ： C#.NET
DataGridで選択されたセルの背景色を変更するには、通常はCSSを使用してスタイルを変更します。以下は、選択されたセルの背景色を変更するための基本的なサンプルコードです。
```html
<!DOCTYPE html>
<html>
<head>
<title>DataGrid Selected Cell Styling</title>
<style>
/* 選択されたセルの背景色を変更するスタイル */
.datagrid .selected {
background-color: yellow; /* 選択されたセルの背景色を黄色に設定 */
}
</style>
</head>
<body>
<table class="datagrid">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<td>Cell 7</td>
<td>Cell 8</td>
<td>Cell 9</td>
</tr>
</table>
<script>
// JavaScriptで選択されたセルにクラスを追加する処理の例
var cells = document.querySelectorAll('.datagrid td');
cells.forEach(function(cell) {
cell.addEventListener('click', function() {
// クリックされたセルにselectedクラスを追加し、他のセルからselectedクラスを削除
cells.forEach(function(cell) {
cell.classList.remove('selected');
});
this.classList.add('selected');
});
});
</script>
</body>
</html>
```
このサンプルでは、CSSで`.selected`クラスを使って選択されたセルの背景色を変更し、JavaScriptでクリックされたセルに`.selected`クラスを追加する方法を示しています。
データグリッドの実際の実装には、JavaScriptライブラリ（たとえばjQueryやReactなど）を使用している場合や、フレームワークに依存している場合があります。その場合は、ライブラリやフレームワークのドキュメントを参照してください。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2024.03.17 10:25:04
[C#.NET] カテゴリの最新記事
-
ID、名前、住所、郵便番号、年齢のプロパ… 2024.05.29
-
C# WPFのMVVMパターン 2024.05.29
-
WPFで`TextBox`に対して意図的に`LostFocu… 2024.05.19
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
