Looking to display checkboxes in a table format, but the number of columns should adapt based on the screen width. Allowing them to arrange themselves results in a layout like this:
+-----------------------------------------------------+
| |
| [] label1 [] label2 [] label3 [] label 4 |
| [] label5 [] label6 [] label7 |
| [] label8 []label9 [] label10 []label11 |
| |
+-----------------------------------------------------+
However, I am aiming for a layout that looks more like this:
+-----------------------------------------------------+
| |
| [] label1 [] label2 [] label3 [] label4 |
| [] label5 [] label6 [] label7 [] label8 |
| []label9 [] label10 []label11 |
| |
+-----------------------------------------------------+
Is there a way to achieve this desired structure?
The column widths are not a concern, but it is important that the entire content fills up 100% of the container.