为什么在TABLE上使用表格的div?

时间:2017-10-24 17:55:59

标签: javascript html html5 reactjs accessibility

此问题的面值与以下内容重复:Divs vs tables for tabular data 但我不认为为什么有人会忽视我们作为标准做法所达成一致意见的原因有很好的解释。

2017年,表格不适合用于布局,所以人们说不要使用表格,但我们知道的例外是用于可视化表格数据!

为什么react-table是用div而不是table / tr / td / th制作的? https://github.com/react-tools/react-table当然,有一些(如果不是全部)43位贡献者知道它不应该是div。

最后,是否存在可访问性参数,以支持使用正确的作业定义?屏幕阅读器不会理解某些东西是b / c它使用的术语吗?

1 个答案:

答案 0 :(得分:2)

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

因此,当您需要保留“橡胶”时,我会使用桌子。列(按比例拉伸表标题和表体列)并使用div,当您可以创建具有已知宽度的列并且语义不重要时。