SAP Fiori Elements 裡 Smart Table column 的寬度問題SAP Fiori Elements 點選 Smart Table 之後，如何在代碼裡通過 event 對象，拿到點選行項目的資料具體參考這個StackOverflow 連結

如下圖所示，我有一個 SAP Fiori Elements List Report 制作出的應用：

層級結構：thead - tr - th: 寬度： 2rem.

em是相對長度機關。相對于目前對象内文本的字型尺寸。如目前對行内文本的字型尺寸未被人為設定，則相對于浏覽器的預設字型尺寸。EM特點

em的值并不是固定的；

em會繼承父級元素的字型大小。

注意：任意浏覽器的預設字型高都是16px。所有未經調整的浏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說隻需要将你的原來的px數值除以10，然後換上em作為機關就行了。

是以我們在寫CSS的時候，需要注意兩點：

body選擇器中聲明Font-size=62.5%；

将你的原來的px數值除以10，然後換上em作為機關；

重新計算那些被放大的字型的em數值。避免字型大小的重複聲明。

rem是CSS3新增的一個相對機關（root em，根em），這個機關引起了廣泛關注。這個機關與em有什麼差別呢？差別在于使用rem為元素設定字型大小時，仍然是相對大小，但相對的隻是HTML根元素。這個機關可謂集相對大小和絕對大小的優點于一身，通過它既可以做到隻修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層複合的連鎖反應。目前，除了IE8及更早版本外，所有浏覽器均已支援rem.

image 列的 width: 5rem

Product 列的寬度： 11rem

152 行 oTable 執行個體的 getColumns 方法，在 TableRenderer.renderColumns 裡被調用：

sId: com.sap.jerry.jerryfioriapp::sap.suite.ui.generic.template.ListReport.view.ListReport::SEPMRA_C_PD_Product–responsiveTable

這個資料結構裡隻有 4 列？

ProductForEdit： 11rem

後續會介紹，這些 column 的 width 屬性，是在何處根據什麼邏輯被計算出來的。

SAP Fiori Elements 點選 Smart Table 之後，如何在代碼裡通過 event 對象，拿到點選行項目的資料

具體參考這個 StackOverflow 連結