sap.m.Table 和 sap. ui.table.Table 两个控件的功能对比

简介: sap.m.Table 和 sap. ui.table.Table 两个控件的功能对比

SAPUI5和OpenUI5都提供了两种完全不同的数据表控件:在Fiori styleguide中称为“网格表”(sap.ui.table.Table)和“响应式表”(sap.m.Table)。 顾名思义,前者是响应式的,更适合移动应用程序,而另一种则更面向桌面。


注意


关于这两个控件的具体使用差异,请查询我的 一套适合 SAP UI5 开发人员循序渐进的学习教程里的对应文章,近期会发表。

简而言之,对于较大的数据集(> 1000 行)建议使用 ui 表 (sap.ui.table.Table),而在所有其他情况下使用响应式 m 表 (sap.m.Table) - 后者看起来更灵活简洁。


从技术上讲,这两个表格控件截然不同。 ui表是一个典型的有行和列的数据表,而m表实际上是一个列表(基于sap.m.ListBase),每个列表项被拆分成列。


API 也完全不同。 SAP UI5 应用无法从一张表的设计快速切换到另一张表,因此如果项目实施过程中发现自己需要另一张表的功能——基本上不得不重新编写所有代码。


我们期望从数据表中获得的所有方便的功能,如标题排序、列过滤器、列大小调整等,仅在 ui-table 中可用。


另一方面,ui-table 没有列宽优化器,所以基本上所有的列要么太宽要么太窄。 反过来,此功能仅在 m 表中可用, 这意味着后者不能手动调整列宽。


ui-table 使用虚拟滚动:当数据从一行跳到另一行时,网格保持不变。 这不适用于单元格中的图像,如果多行具有相似数据,这看起来也很奇怪。 另一方面,ui-table 可以自动调整它的高度以适合容器,而 m-table 不能。


当涉及到列、单元格或行分组等更高级的功能时,事情就变得复杂了。 出于某种原因,行分组只在 m 表中得到正确支持,而在 ui 表中则不支持。 合并单元格也是如此。 另一方面,分组列仅适用于 ui 表(尽管非常有限)。


列总计在任何情况下都是一个问题:虽然 m-table 根本不支持它们,但 ui-table 至少有粘底行,您可以在其中使用脚本放置总计。些固定行会受到所有内置排序和过滤功能的影响,因此使用 for totals 确实不是一件容易的事。 但是,两个表格都有页脚栏,所以如果您只需要一个总值,将它放在那里是相当容易的。


注意


关于这两个控件的具体使用差异,请查询我的 一套适合 SAP UI5 开发人员循序渐进的学习教程里的对应文章,近期会发表



相关文章
|
19天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
1月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
23 1
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
20天前
|
XML Java Android开发
Android之UI基础控件
Android之UI基础控件
|
24天前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
16 1
什么是 SAP ABAP 里的 Subscreen
|
1月前
|
前端开发
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
14 0
|
1月前
|
JSON 数据格式
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
13 0
|
1月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
12 0
|
1月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
43 0

热门文章

最新文章