AllenFang/react-bootstrap-table

tabindex and Keyboard handlers upon a Row

Open

#1.220 aberto em 12 de abr. de 2017

Ver no GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (795 forks)batch import
help wantedin progress

Métricas do repositório

Stars
 (2.240 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 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 ...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.

Guia do colaborador

Direção de pesquisa
Investigue como adicionar o atributo tabindex ao elemento <tr> e anexar manipuladores de eventos de teclado às linhas no react bootstrap table.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptReactGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70