Open UI5 表格控件 Manual Pop-In Mode 概述

手动弹出模式允许更大的灵活性，但如果我们希望它以有意义的方式工作，也需要更多的努力。 如果可以显示/隐藏或重新排序表列，开发人员还需要投入额外的精力。

具体表现在：我们需要手动配置每一列。 根据表格的宽度（以像素为单位），该列需要知道需要以下的数据：

• 留在表格布局中（在自动弹出模式下，只有一列留在表格布局中）。
• 移动到弹出区域（Open.m.Column，具有属性：demandPopin、minScreenWidth、popinHAlign、popinDisplay）。

默认情况下，表格宽度假定为屏幕宽度。 如果表格不使用屏幕的全宽，应用程序开发人员必须相应地配置表格（Open.m.Table，属性：contextualWidth）。

因为开发人员为每一列单独配置弹出响应，所以您还可以在给定 breakpoint 处处理多个列。

这允许我们一次将多个列移动到弹出区域，这在自动弹出模式下是不可能的。

对于最小的屏幕宽度，请在表格布局中保留以下信息：

• 行项目的标识符
• 关键属性(key attribute)

下面是 Responsive Table 的一个例子：

在宽度小于 570 px 的屏幕上，Information 列被隐藏：

在宽度小于 460 px 的屏幕，Vendor 字段跑到 pop-in 区域了：