How to make the row_details keyboard accessible ?

How to make the row_details keyboard accessible ?

tech geektech geek Posts: 4Questions: 2Answers: 0

Hi All,

I am using responsive data table child rows to show extra/detailed information something like this https://datatables.net/examples/api/row_details. But I don't find a way to make it keyboard accessible.

Is there a way to make the datatable child row details keyboard friendly and also make the +/- focusable element?

Thanks

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin
    Answer ✓

    Excellent point - I wonder if I should update the example to do that...

    Here is how it can be done: https://live.datatables.net/wodawore/1/edit .

    There I've added a tabindex attribute to the cells for the button, which allows keyboard navigation to those cells. Then the event handler has been updated to watch for keypress and activate only on space bar or enter keys if triggered from the keyboard.

    Allan

Sign In or Register to comment.