在HTML表头中放置其他信息

Question

我有一个HTML表格，如下所示：

我想在BoM，CIT和SIT <th>单元格中添加其他信息。此信息将列出成功，失败和不完整的次数。从本质上讲，我希望标题保持大胆和大，然后额外的信息将更小，更右边。这将是三行。

我在设计方面很糟糕...有人可以给我一些设计指导和HTML，以满足我的需求并且看起来很不错吗？

Answer 1

您可以使用HTML5的custom attribute标记存储额外信息：

<th>
    <td data-attribute1="something" data-attribute2="someotherthing">Component</td>
    <td>BoM</td>
    <!-- etc. -->
</th>