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

JavaScript中的自动表格布局策略?,javascript,html-table,Javascript,Html Table,Mozilla提供了自动表格布局算法: 有人在JavaScript库中见过类似的实现吗 我想做的是获取表格JSON数据,并以类似于HTML的自动表格布局的方式计算适当的列宽。我对让浏览器进行布局、然后查看宽度等技巧不感兴趣,我想用JS从原始数据执行计算。如果不先将文本内容呈现到屏幕上,就无法测量文本内容的宽度(因为您必须处理不同的屏幕分辨率、用户字体设置等) 虽然有一个例外,但它并不完全准确。canvas元素有能力,但根据我的经验,它并不精确,因此不值得为获得不准确的阅读而预先呈现所有内容的麻

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

有人在JavaScript库中见过类似的实现吗


我想做的是获取表格JSON数据,并以类似于HTML的自动表格布局的方式计算适当的列宽。我对让浏览器进行布局、然后查看宽度等技巧不感兴趣,我想用JS从原始数据执行计算。

如果不先将文本内容呈现到屏幕上,就无法测量文本内容的宽度(因为您必须处理不同的屏幕分辨率、用户字体设置等)

虽然有一个例外,但它并不完全准确。canvas元素有能力,但根据我的经验,它并不精确,因此不值得为获得不准确的阅读而预先呈现所有内容的麻烦/开销


其他一些便宜的技巧包括显式地将内容的大小和字体设置为可预测的宽度单间隔字符字体,然后计算字符串中的字符数……但在内容行馈送/包装以装入容器的情况下,这种方法很快就会失效。您还可以将文本“预呈现”到DOM中的隐藏容器中(想想显示:隐藏或z-index:-999),并以这种方式获得容器度量,但通常情况下,这种度量会演变为大量每列逻辑,在接下来的几次需求更改中变得笨拙。

我不明白,您想使用与浏览器相同的算法创建HTML表,但不想让浏览器自动为您创建?是的,这正是我想要做的。JavaScript没有在浏览器中运行。这是用于比例字体还是固定宽度字体?