javascript - 为什么在 TABLE 的表格上使用 div？

Question

这个问题从表面上看是重复的:Divs vs tables for tabular data 但我认为没有很好的解释为什么有人会忽略我们同意的标准做法。

现在是 2017 年，表格被不适本地用于布局，所以人们说不要使用表格，但我们知道的异常(exception)是表格数据的可视化!

为什么 react-table 是用 div 而不是 table/tr/td/th 做的？ https://github.com/react-tools/react-table当然，即使不是全部，也有 43 位贡献者知道它不应该是 div。

最后，是否有一个可访问性论证支持使用正确的工作定义？屏幕阅读器不会理解某物是表格 b/c 它使用术语吗？

Answer 1

如今，表格数据可以使用 div 和 flex box css 模型很好地格式化。不像 table 那样是 100%，但非常接近。此外，table 元素(尤其是 tr)可以使用 css 设置样式，以实现手机和平板电脑的响应行为。至少在大多数现代网络浏览器中是这样。

因此，当您需要保留“橡胶”列(按比例拉伸(stretch)表格标题和表格主体列)时，我会使用表格；当您可以制作具有已知宽度的列且语义不是那么重要时，我会使用 div。