例如,如果我有 2 列和 2 行的表单,但希望将第一个第一列中的第二列保留为空,如何在不添加空值(空跨度)的情况下执行此操作。
-----------------
| field | empty |
-----------------
| field | field |
-----------------
现在我正在做:
formLayout.add(new TextField("First row and first column"));
formLayout.add(new Span());
formLayout.add(...);
.. and so on.
我可以这样做formLayout.add(textField, new Span(), textField, ...)
但无论哪种情况,我的问题是如何让 FormLayout 跳过初始 TextField 之后第一行中的单元格?
FormLayout
并非旨在成为刚性网格。您可以添加空组件,或者Br
组件来打破一行,这比空的效果更好Span
.
您还可以调整 col-spanFormItem
使其跨度比柱子更宽。但FormLayout
也是响应式的,所以如果你让浏览器变窄,它会重排字段。空组件会让它看起来很奇怪,因为不太可能按照您想要的方式放置。
您还可以设置响应步骤来控制是否在不同的浏览器宽度上显示四列、三列、两列……:
formLayout.setResponsiveSteps(
new ResponsiveStep("25em", 1),
new ResponsiveStep("32em", 2),
new ResponsiveStep("40em", 3));
理论上你可以调整响应步骤,使布局更加严格。
我假设一个Div
您设置的组件css-grid根据您想要实现的目标设计的样式可能比FormLayout
在这种情况下。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)