CSS 网格或 HTML 表格

Question

我有一些东西肯定可以是 HTML 表格，但是，我想知道将其创建为 CSS 网格是否会更好。

第 1、2、3、4 行可能存在也可能不存在，具体取决于拉入的数据。但是，这些标题 (1,2,3,4) 将被替换为不同的名称，同样取决于数据。我希望每行中它们下面的数据对齐并且与这些列的宽度相同。

我知道如何相当容易地使用 HTML 表来完成这项工作，主要的细微差别是 Col-2 标头可能需要 colspan。

我认为这是一个相当简单的 CSS 网格任务，但是，我想在这里问。

Answer 1

我宁愿使用 HTML 表格。因为它使您的代码看起来更容易理解，使用

<th>

表示标题，

<td>

表示单元格数据。另一方面，CSS 网格要求您声明更多的类并对其进行样式设置，以使其像 HTML 表格一样工作，这需要更多的时间和精力。

Answer 2

CSS Grid 更适合需要在平板电脑和智能手机上显示的大型数据表。某些列可以在平板电脑和智能手机上隐藏，甚至布局可以从行更改为列