Feature #17739
closedmultiform: grid
0%
Description
Multiform grid:
optionally, instead of table wrap it in a div with a grid with optional rows:
Example 4 columns:
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr">
Wrap every current <td> instead in <div>. tr are not needed and can be configured by the number of 1fr (or just generally grid-template-columns).
Make style tag customizable.
If you want just two culumns: 1fr 1fr
for 5 columns: 1fr 1fr 1fr 1fr 1fr
or probably even easier: `repeat(5, 1fr)` (repeat 1fr 5 times
also possible: `repeat(autofill, min-content)` (sizes each column as small as possible and adds columns until row is full)
or: `repeat(autofill, 40px)` (each column 40px, fill until entire row is full, then it breaks.
so with this we have a lot of flexibility for multiform.
result would be:
<div class="optional" style="display: grid; grid-template-columns: repeat(3, 1fr)"> <div>first element</div> <div>second element</div> <div>third element</div> <div>fourth element</div> ... </div>
No row breaks (trs), so the user can change it how they prefer it.