AllenFang/react-bootstrap-table

tabindex and Keyboard handlers upon a Row

Open

#1,220 创建于 2017年4月12日

在 GitHub 查看
 (6 评论) (0 反应) (0 负责人)JavaScript (2,240 star) (795 fork)batch import
help wantedin progress

描述

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 ...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

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?
  2. Is there a way to add a keyboard event handler to a row?

Many thanks.

贡献者指南

技术栈
javascriptreact
领域
frontendaccessibility
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
无
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45
研究方向
Investigate the current row rendering logic in the codebase, specifically in the BootstrapTable component. Look for where the <tr> elements are created, likely in a method like renderRow. Check if there is any existing keyboard navigation support (e.g., keyBoardNav prop) and how row events are handled. The issue asks for adding a tabindex attribute to the <tr> and binding keyboard event handlers. Consider implementing a new prop like rowKeyboardEvents or extending the existing rowEvents prop to include onKeyDown. Review similar libraries or past PRs for patterns.