All this will require making yourself a custom widget or two, but the short answer is that to get a table effect you’ll need to combine rows and columns (oh-grid-row
and oh-grid-col
, or f7-row
and f7-col
). Combine in this case means create a row component and then add columns to that row’s default content slot and populate the columns with your desired components.
But in this case there might be an even better option. The toggle list items have a after
slot and you can just add an ‘oh-slider’ directly to each of those to keep them on the same section of the list.
Alternatively, you can check out rlkoshak’s awsome examples and tutorial on how to make custom list widgets that will contain all this info in whatever custom way you wish.