Summer Sale! All accounts are 50% off this week.

seb_run's avatar

Table allowing keyboard navigation and selection

Hi

I'm focusing on user interface and user experience on a specific usage on my webapp.

The classic setup is a searchable table and the user has to select one row representing one of the elements that are shown in the table.

Like filtering a list of product, selecting one of them to add it in an invoice or anything else.

I try a number of different solution, pure blade, o lot of livewire table package, server side or client side filtering, filament table etc and all of them work quite well but only with the use of a mouse to click on a button on one of the filtered rows you want to select.

Comparing this to any desktop app, the process is quite inefficient. On desktop app, you can use your DOWN and UP arrows to navigate the lines on the table and use ENTER to select the desired row, resetting the table, focusing the filter input and REPEAT the process. On desktop, you are 100 times more efficient.

I like livewire. Do you think such a process is doable with livewire ?

What are our options to offer a simlilar fast & snappy process on a webapp ?

Thx for your advices.

Seb

0 likes
0 replies

Please or to participate in this conversation.