本教程笔者在 Github 仓库上提供的源代码我的项目里，大家抉择对应章节，比方进入 06 文件夹，运行命令行 npm run start-local，启动 Fiori Elements List Report 利用后，在 Table 区域，除了奢侈的文本显示控件之外，还能看到产品图片控件，显示产品库存状态的 Status 控件，以及产品评分控件，别离如下图高亮的三列所示。
对于图片显示，本教程之前的文章曾经具体介绍过，这个图片显示，基于 SAP UI5 的 Avatar 控件：
- 16. SAP Fiori Elements 利用里图片字段(Image)的显示原理介绍
- 17. SAP Fiori Elements 源码剖析系列：注解 UI.IsImageURL 的工作原理分析
- 18. 从 SAP Fiori Elements List Report 中的图片显示，谈谈背地的 XML Template 设计机制
本教程之前的文章，介绍了上图两头显示的 Availability 这一列的数据起源，即 metadata.xml 文件里，OData Entity Type SEPMRA_C_PD_ProductType 里定义的名叫 to_ProductStock 的 Navigation Property.
- 20. 从理论的开发案例登程，介绍 Navigation Property 在 Fiori Elements 开发中的作用
本文)介绍 Availability 列在 Fiori Elements List Report UI 上的显示成果，是如何实现的。