AllenFang / AllenFang/react-bootstrap-table

tabindex and Keyboard handlers upon a Row

Open
#1,220 6 comments 0 reactions 0 assignees View on GitHub
help wanted in progress
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

Hi, first, thanks for the feature-ful library!

I'm migrating to `react-bootstrap-table` from an older Backgrid solution and have come across an issue when replicating navigation from a row. In my old tables, you were able to highlight a row like so...
![2017-04-12 at 12 36 pm](https://cloud.githubusercontent.com/assets/244198/24955928/4ec00a8e-1f7d-11e7-877e-6a32754e669b.png)
...where pressing enter would trigger a row handler and to allow a behavior.

In `react-bootstrap-table` I get a selection around the selection checkbox but I don't seem to be able to perform the similar action upon the row.

![2017-04-12 at 12 46 pm](https://cloud.githubusercontent.com/assets/244198/24956138/2c731506-1f7e-11e7-8e1c-4b3210934ba4.png)

The row itself needs a `tabindex` attribute to enable this. I also don't seem to be able to add a keyboard handler to a row (I've found `keyBoardNav` in the source but it's undocumented).

So two questions:
1) Is there currently a way to add a `tabindex` to a `tr` instead of a `td`?
1) Is there a way to add a keyboard event handler to a row?

Many thanks.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.