手动弹出模式允许更大的灵活性,但如果我们希望它以有意义的方式工作,也需要更多的努力。 如果可以显示/隐藏或重新排序表列,开发人员还需要投入额外的精力。
具体表现在:我们需要手动配置每一列。 根据表格的宽度(以像素为单位),该列需要知道需要以下的数据:
- 留在表格布局中(在自动弹出模式下,只有一列留在表格布局中)。
- 移动到弹出区域(sap.m.Column,具有属性:demandPopin、minScreenWidth、popinHAlign、popinDisplay)。
默认情况下,表格宽度假定为屏幕宽度
。 如果表格不使用屏幕的全宽,应用程序开发人员必须相应地配置表格(sap.m.Table,属性:contextualWidth)。
因为开发人员为每一列单独配置弹出响应,所以您还可以在给定 breakpoint 处处理多个列。
这允许我们一次将多个列移动到弹出区域,这在自动弹出模式下是不可能的。
对于最小的屏幕宽度,请在表格布局中保留以下信息:
- 行项目的标识符
- 关键属性(key attribute)
下面是 Responsive Table 的一个例子:
在宽度小于 570 px 的屏幕上,Information 列被隐藏:
在宽度小于 460 px 的屏幕,Vendor 字段跑到 pop-in 区域了:
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net