Grid row selection - highlight the row

[vasuamics]

Describe the bug Is it possible to highlight an entire row when selected and to use up and down arrow keys to select a row?

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Versions (please complete the following information):

• .NET Version: [e.g. .NET 6, .NET 7, .NET 8]
• BlazorBootstrap: [e.g. 2.0.0, 2.1.0, 2.2.0]
• Blazor WebAssembly / Server: [e.g. WebAssembly, Server]
• Blazor Interactive Render Mode: [e.g. Auto, Server, WebAssembly, None]
• Blazor Interactivity Location: [e.g. Global, Per page/component]

Sample code Sample code to reproduce the issue.

GitHub repo GitHub repo with minimal code to reproduce the issue.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[gvreddy04]

@vasuamics Highlighting rows upon selection can be done. We will do it as an enhancement. However, you cannot currently select rows using the up/down keys.

[gvreddy04]

@vasuamics In the meantime, you can use the following CSS:

Example 1

Sample CSS:

.bb-table tr:has(input[type=checkbox]:checked){
    background-color: red;
}

Screenshot:

Exmaple 2:

Sample CSS:

.bb-table tr:has(input[type=checkbox]:checked){
    background-color: rgba(0,0,0,0.0725);
}

Screenshot: