JavaScript中的自動表格布局策略？

Question

Mozilla提供了自動表格布局算法：

https://developer.mozilla.org/en/docs/Table_Layout_Strategy

有沒有人在JavaScript庫中看到過類似的實現？

我想要做的是采用表格JSON數據，並以與HTML自動表布局相似的方式計算適當的列寬。 我對讓瀏覽器進行布局，然后查看寬度等技巧不感興趣，我想根據原始數據在JS中執行計算。

Answer 1

您必須先將文本內容呈現到屏幕上才能測量文本內容的寬度（因為您必須應對不同的屏幕分辨率，用戶字體設置等）。

雖然有一個例外，但是它並不完全准確。 canvas元素具有測量文本尺寸的能力，但是根據我的經驗，它不是精確准確的，因此不值得為呈現不准確的內容而預先渲染所有內容的麻煩/開銷。

其他一些便宜的技巧包括將內容的大小和字體顯式設置為可預測的寬度，等距字符字體，然后計算字符串中的字符數...但是在內容出現錯誤的情況下，這種方法會很快瓦解換行/自動換行以適合容器內部。 您還可以將文本“預呈現”到DOM中的隱藏容器中（認為顯示為：隱藏或z-index：-999），並以此方式進行容器度量，但更多情況下會降低成笨拙的一些要求的-列邏輯一直在改變。