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

Question

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

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

有没有人在JavaScript库中看到过类似的实现？

我想要做的是采用表格JSON数据，并以与HTML自动表布局相似的方式计算适当的列宽。 我对让浏览器进行布局，然后查看宽度等技巧不感兴趣，我想根据原始数据在JS中执行计算。

Answer 1

您必须先将文本内容呈现到屏幕上才能测量文本内容的宽度（因为您必须应对不同的屏幕分辨率，用户字体设置等）。

虽然有一个例外，但是它并不完全准确。 canvas元素具有测量文本尺寸的能力，但是根据我的经验，它不是精确准确的，因此不值得为呈现不准确的内容而预先渲染所有内容的麻烦/开销。

其他一些便宜的技巧包括将内容的大小和字体显式设置为可预测的宽度，等距字符字体，然后计算字符串中的字符数...但是在内容出现错误的情况下，这种方法会很快瓦解换行/自动换行以适合容器内部。 您还可以将文本“预呈现”到DOM中的隐藏容器中（认为显示为：隐藏或z-index：-999），并以此方式进行容器度量，但更多情况下会降低成笨拙的一些要求的-列逻辑一直在改变。