<p>コレクション内の変数行の数に基づいて変化する Blazor テーブル コンポーネントがあります。</p> <pre class="brush:php;toolbar:false;"><table id="MyTable" class="table table-hover"> <頭> <tr> <th>プロジェクト名</th> <th>説明</th> <th>アップローダー</th> <th>アップロード日</th> </tr> </頭> @foreach (Items 内の var item) { <みんな> <tr> <th>@item.Name</th> <th>@item.Description</th> <th>@item.UserName</th> <th>@item.UploadDate.ToString("dd-MM-yyyy")</th> <th><button type="button" class="btn btn-primary" @onclick="() => DoSomething()">仕事をする</button></th> </tr> </tbody> } </table></pre> <p>私がする必要があるのは、マウスが行の上にあるとき、<em>その行の特定の要素のみ</em>有効になることです。 </p> <p>たとえば、このテーブルに 10 行 (1 ～ 10) がある場合、行 1 にカーソルを置くと、行 1 のボタンのみが表示され、クリック可能になります。親行にホバーがない他のボタンは有効にしないでください。 </p> <p>Blazor で、行の上にマウスを置いたときに、その特定の行の <em>ボタンのみを有効にするにはどうすればよいですか?</em> </p>