首页 > 其他分享 >sap.m.Table 和 sap.ui.table.Table 两个控件的功能对比

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

时间:2023-03-24 23:23:23浏览次数:51  
标签:控件 数据表 ui table Table sap

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 开发人员循序渐进的学习教程里的对应文章,近期会发表

标签:控件,数据表,ui,table,Table,sap
From: https://www.cnblogs.com/sap-jerry/p/17253642.html

相关文章

  • sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
    SmartTable控件根据OData元数据和指定的配置创建一个表格控件。必须指定entitySet属性才能使用该控件。此属性用于从OData元数据中获取字段,从中生成列;它还可以用......
  • SAP Fiori 设计准则里的 Responsive 表格概述
    ResponsiveTable是SAPFiori中的默认表控件。它包含一组Lineitem并且完全响应(fullyresponsive)。根据具体情况,用户还可以从行项目导航到更多详细信息页面。一......
  • GnuRadio-控件使用
    1.QTGUIRange id是唯一的id;Lable是变量的id;defaultvalue必须再start和stop之间2.RTL-SDR ......
  • 安装 Stable idffusion
    安装教程:https://zhuanlan.zhihu.com/p/577676154报错解决:https://www.bilibili.com/read/cv22604427/......
  • element-ui table组件使用expand-change时,禁用某行不可展开
    由于业务需求,要求某行数据满足一定条件时不可展开,搜了下,大家提供的方案是:通过样式隐藏展开内容,或者隐藏展开按钮,隐藏内容和需求不合适,隐藏按钮的话也比较复杂。自己研究了......
  • Qt—TableWidget组件使用注意事项
    TableWidget组件当开启了sortingEnable后,重新插入数据时,有时数据会消失。解决方案:每次在执行插入数据时,插入前关闭sortingEnable,插入后再打开sortingEnable。如图所示:......
  • 修改antd的table合并行之后CheckBox不能合并的问题
    修改后的效果图如下:<template><page-header-wrapper:title="false":breadcrumb="{routes:[]}"><div><divclass="list"><a-tabl......
  • #yyds干货盘点 ant design table实现上下行拖拽功能(类组件)
    前言最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主csdn博主b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连......
  • iptables规则持久化
    命令修改iptables后重启会丢失。持久化文件在:/etc/iptables/rules.v4/etc/iptables/rules.v6存储和恢复命令:netfilter-persistentsavenetfilter-persistentstart......
  • SAP入门技术分享七:Field Symbol和数据引用
    FieldSymbol和数据引用1.概要2.定义FieldSymbol(1)定义-GenericTYPE(泛型)(2)定义-FullyTYPE(全类型)3.分配FieldSymbol(1)Assign语句的基本结构(2)将结构体字段分配到字段符号......