https://a.kabachnik.info/sap.m.table-vs-sap.ui.table.table-features-compared.html
SAP UI5数据表进行了比较:sap.m.Table与sap.ui.table.Table
SAPUI5和OpenUI5都为数据表提供了两种完全不同的控件:它们在Fiori样式指南中称为“网格表”(sap.ui.table.Table)和“响应表”(sap.m.Table)。顾名思义,一个是响应式的,更适合移动应用程序,而另一个更面向桌面。但是还有很多不同之处!麻烦的是,从一张桌子切换到另一张桌子的努力非常高,所以在做出选择时要仔细考虑!
功能比较
特征 | 响应表 | 网格表 |
---|---|---|
控制名称 | sap.m.Table | sap.ui.table.Table |
响应性:在小屏幕上折叠列 | ✔ | |
响应性:在小屏幕上隐藏列 | ✔ | 通过脚本 |
动态列宽(与内容成比例) | ✔ | |
可调整大小的列(拖动列边框) | ✔ | |
通过单击标题进行列排序 | ✔ | |
列标题菜单(如在Excel中) | ✔ | |
列标题自定义单击操作 | ✔ | |
列分组(标题范围,多标题) | ✔ | |
列冻结 | ✔ | |
列页脚/总行数 | ✔ | |
粘头 | ✔ | |
顶部/行冻结的行 | ✔ | ✔ |
滚动 | 整行 | 只有数据 |
自动高度(填写整页) | ✔ | |
单元格中的自定义小部件 | 任何 | 有限 |
单元格中的输入 | ✔ | ✔ |
多排电池 | ✔ | |
行分组 | ✔ | 有限 |
自定义组标题(例如小计,计数) | ✔ | |
可折叠的行组 | ✔ | |
行详细信息(可扩展行) | 通过TreeTable | |
行单击操作 | ✔ | 试验 |
行双击动作 | 通过浏览器事件 | 通过浏览器事件 |
行右键单击操作(例如上下文菜单) | 通过浏览器事件 | ✔ |
行选择 | ✔ | ✔ |
行多选 | ✔ | ✔ |
行多选与复选框 | ✔ | ✔ |
单元格合并/行跨度/合并重复 | ✔ | |
通过按钮分页 | 弃用 | 弃用 |
通过无限滚动分页 | 只有oData | 只有oData |
自定义滚动操作 | ✔ | |
拖放 | ✔ | ✔ |
标题工具栏 | ✔ | ✔ |
页脚工具栏 | ✔ | |
结构化数据/树 | 通过面包屑 | 通过TreeTable |
Fiori指南
SAP本身sais:选择适合您需求的表格。关于在Fiori指南中选择正确的控制,有一整章。我建议你阅读它,因为它比较了数据表示所有控件:列表,表格,树木等也有短的功能概述 这里。简而言之,ui-table(sap.ui.table.Table
)建议用于较大的数据集(> 1000行),而响应式m-table(sap.m.Table
)则用于所有其他情况 - 它应该看起来更好,更灵活,等等
在引擎盖下
从技术上讲,两个表格控件非常不同。虽然ui-table是具有行和列的典型数据表,但m-table实际上是一个列表(基于sap.m.ListBase),每个列表项被拆分为列。
API也完全不同。没有办法快速从一个表切换到另一个表,所以如果你发现自己需要另一个表的功能 - 它基本上是再次编写所有代码。
外观和感觉
对于我来说,m-table确实看起来更好 - 就像Fiori风格指南所暗示的那样。它也感觉更自然,因为整个表格滚动而不仅仅是数据。但是,它并不是真正的互动。您所能做的就是滚动或选择项目 - 默认情况下不进行排序,过滤等。
我们期望从数据表中获得所有舒适功能,例如标题排序,列过滤器,列大小调整等,仅在ui-table中可用。列标题菜单非常棒!另一方面,没有列宽优化器,因此基本上所有列都太宽或太窄。反过来,此功能仅在m表中可用。另一方面,您无法在此处手动调整列宽。从某种意义上说,它既可以舒适地处理,也可以是一个很好的概述 - 从不同时进行。
滚动实际上是表之间的巨大差异。ui-table使用虚拟滚动:当数据从一行跳到另一行时,网格保持放置状态。这对于单元格中的图像不起作用,如果多行具有相似的数据,则看起来也很奇怪。另一方面,ui-table可以自动调整它的高度以适应容器,m-table不能。
分组和汇总数据
当涉及到诸如列,单元格或行分组等更高级的功能时,事情会变得复杂。出于某种原因,行分组仅在m表中正确支持,而不是在ui表中,理论上这应该是复杂数据的选择。合并细胞也是如此。另一方面,对列进行分组仅适用于ui表(尽管非常有限)。
在任何情况下,列总数都是一个问题:虽然m表只是不支持它们,但是ui-table至少有一个粘性底行,你可以用脚本放置总数。不幸的是,这些固定行受到所有内置排序和过滤功能的影响,因此使用for totals实际上并不是一件容易的事。然而,两个表都有页脚栏,所以如果你只需要一个总值,那么将它放在那里相当容易。