cx-table在SAP Spartacus尤其是B2B feature里有著廣泛的用途：

它是一個shared Component，布局實現文件：table-component.html:

其中表格欄由td和cx-table-data-cell實現：

查看table.component.html里verticalLayout這個分支：

做個驗證：

在渲染出來的頁面里看到了ffffairy，說明這個分支我們找對了：

定義一個局部變量cell, 其值來自structure.cells,

再把cell的值賦給td的class屬性。

最終渲染出的代碼里，這個cx-table-data-cell是哪里來的？

這就得從我們自定義的OutletDirective指令說起。

我們需要計算一個string值賦給以cxOutlet為selector的指令。具體工作原理，參考Jerry后續的文章：SAP Spartacus自定義指令cxOutlet的工作原理。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus 重用组件cx-table的设计原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。