HTML表仍然是未来的发展方向吗?

HTML表仍然是未来的发展方向吗?,html,css,vue.js,html-table,bulma,Html,Css,Vue.js,Html Table,Bulma,AFAIK人创建自己的类似于表的组件,使用好的旧HTML表有点“过时”。现在我的vuejs应用程序需要一个表。我正在使用bulma: 桌子 不可避免的HTML表,带有特殊的大小写单元格 标题下方的“支持”徽章表明,对它没有太多的支持(只有变量),而文本本身听起来就像“好吧……既然有那么多不符合最新潮流的人想要它,这里,接受它” 我应该选择“无序列表”还是其他方式?就像创建一个组件来表示一行和一个将表固定在一起的组件一样?我不是特别要求vue,而是要求一种相当“现代的方法”,以及如何正确地执行类似

AFAIK人创建自己的类似于表的组件,使用好的旧HTML表有点“过时”。现在我的vuejs应用程序需要一个表。我正在使用bulma:

桌子

不可避免的HTML表,带有特殊的大小写单元格

标题下方的“支持”徽章表明,对它没有太多的支持(只有变量),而文本本身听起来就像“好吧……既然有那么多不符合最新潮流的人想要它,这里,接受它”


我应该选择“无序列表”还是其他方式?就像创建一个组件来表示一行和一个将表固定在一起的组件一样?我不是特别要求vue,而是要求一种相当“现代的方法”,以及如何正确地执行类似的操作。

table元素仍然是以语义正确的方式在HTML中提供表格数据的正确方法。所以,如果你在语义上正确地使用它,它本身就没有问题,也没有过时


然而,考虑到这一点,如果CSS网格能够帮助您更快、更友好地在网站上创建新元素,那么您可能会选择使用CSS网格等新方法,因为最终用户应该从您的决定中受益。

尝试使用CSS网格。这是一种更加现代的方法。这与flexbox一起将使您走得更远,并允许使用更好的vueJS组件。想象一个10x10的网格。想象一下,如果它是一个表,那么在Vuejs中填充它会有多么麻烦,而如果它只有10列10行;)您应该改用CSS网格结构。目前90%的网站都是这样运行的。表在这里和现在都有它们的用途,但在当今时代,我绝对不会将我的布局建立在它的基础上。如果你有表格数据,绝对要使用HTML表。对HTML表的抨击一直都是关于使用它们作为网站布局的结构。该怎么做?表是您应该用于表的内容。如果你只是在修改一个恰好有几行和几列的布局,那么表格就不适合了。否则在电子表格中可以很好地表示的数据就是表格数据。您提供的链接显示了一个很好的示例(足球队及其统计数据)。CSS网格和flexbox用于页面布局(导航、页眉、页脚、主要内容等)。显然,cssgrid和flexbox可以用来布局表格数据,但这就是表格的用途。