如何创建一个我可以添加或删除列的表

Question

我需要制作一个类似于：

的表格

我们看到的是左栏包含数据点标题，后面的每列包含实际数据。

我想将每列（第一列除外）视为可选列。用户可以根据他们选择的资金添加或删除列。如果他们只选择了1个基金，则只显示前2列，其余空格为空白。每个后续的基金选择都会在表格中添加一个新列，最多可达5个。

我想知道实现这个的最佳方法是什么？我认为每列都是一个固定宽度的独立表，我可以将其添加到一个可以并排排列的容器中。我是否难以让6张桌子并排排列？

我有更好的方法来达到这个结果吗？

Answer 1

您可以拥有自己的表格，或者您可以为每个列分配一个类，然后允许您使用Javascript添加或删除具有该类的所有元素。

例如：

<table>
<tr><td class="col1"></td><td class="col2"></td><td class="col3"></tr>
<tr><td class="col1"></td><td class="col2"></td><td class="col3"></tr>
</table>

然后，您可以使用Javascript根据用户的操作显示/隐藏相关类的元素（通过CSS）。根据你的桌子有多大，这可能有效。

顺便说一句，很好地使用Comic Sans！