Simple Vue template which uses a Bootstrap table and jQuery to select a table row.
https://boshes.github.io/Vue-Bootstrap-TableSelect/
The Bootstrap table is responsive for desktop and mobile display, allows for text wrapping, fixed header row and scrollable table body.
The table rows can be selected based on the selection mode to manipulate that section of data.
With the selected row or rows, a modal window can be opened to show selected content.
The selection mode can also be switched between single selection or multiple selection of table rows.