How to make the row_details keyboard accessible ?

tech geek

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

allan

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