响应式网页设计器的最大挑战之一是呈现表格数据。具有许多列的大表格根本不适合较小的屏幕,并且没有简单的方法使用CSS和媒体查询重新格式化表格内容以获得可接受的视觉显示。为了解决这个问题,SAPUI5框架提供了基于列的解决方案(列隐藏)和基于行的解决方案(弹出行为)来响应式地显示表格,这两种方案同时适用。这听起来可能相当复杂,让我们来看一个具体的例子:在移动设备上,我们知道我们没有足够的空间来显示所有这些列,所以我们需要问自己哪些列最重要。比方说:产品和价格是最重要的。所以他们不应该被隐藏。供应商、尺寸和重量不是特别重要,因此我们只会在弹出区域中显示它们。所以这个表单在手机端显示如下:ResponsiveColumnControl我们可以使用sap.m.Column的API来控制响应式表单设计。此控件提供两个属性来处理列隐藏和弹出行为。minScreenWidth:此值定义列可见性的断点。示例:AppleiPhone5设备具有568pxx320px分辨率(dip/设备宽度),因此如果我们分配400px(或基于16px的25em),则此列在纵向模式(宽度320px)下将不可见,但在横向模式(宽度568px)。除了以px或em为单位指定之外,您还可以分配预定义的sap.m.ScreenSize类型之一,例如平板电脑(600像素)或桌面(1024像素)。此属性的默认值为空字符串,这意味着此列将始终可见。demandPopin:根据你的minScreenWidth,不同屏幕尺寸下可以隐藏column。将此属性设置为true将在弹出窗口中显示该列而不是将其隐藏。默认值为假。
