javascript - 灵活显示变化的表格信息？

Question

我有一个组织的员工页面。目前有 33 名工作人员以三排的形式排列在一张 table 上。每列都有他们的图片、姓名以及电子邮件、Twitter 等的链接。它们按字母顺序组织，因此表格可能(伪)如下所示:

<table>
 <tr>
  <td>Jane Doe Stuff</td>
  <td>Jim Enn Stuff</td>
  <td>William Far Stuff</td>
 </tr>
 <tr>
  <td>Brian Ghan Stuff</td>
  <td>Anne Hand Stuff</td>
  <td>Mary Kite Stuff</td>
 </tr>
</table>

当有人离开时，问题就会出现 - 例如，如果 Jim Enn 离开，那么 Far 需要移入他的专栏，Ghan 移入 Far 的专栏，Hand 移入 Ghan 的专栏，Kite 移入 Hand 的专栏。解雇一名员工需要做大量不必要的工作。

类似地，如果将一个人添加到表中(例如 James Frat)，则必须将 Ghan、Hand 和 Kite 全部移至下一列，以便为 Frat 腾出空间。

我正在做的一件大事是替换组织当前使用的 CMS，它是专有的且有限的。通常我会将数据保存在数据库中，排序并动态插入数据信息适当的列......但我无权访问数据库后端。

我确实可以访问 HTML - 尽管编辑器偶尔会混淆我的输入(当然，当我插入换行符时，我的意思是让您将其转换为段落)

它还提供对文档头部的访问，这很好。理论上我可以使用 JavaScript，但这也可能会搞砸。正在寻找如何在当前限制下实现这一目标的想法？

Answer 1

您应该使用 div 并使它们 float ，而不是使用 table。这样，如果一个 div 被删除，其他 div 将被填充。