灵活显示更改表格信息?

时间:2015-05-04 01:47:16

标签: javascript html html-table content-management-system

我有一个组织的员工页面。目前,有33名工作人员在一张桌子上排成三排。每列都有他们的图片,名称,以及他们的电子邮件,推特等的链接。它们按字母顺序排列,因此表格可能(伪)看起来像这样:

<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的专栏。删除单个员工的大量不必要的工作。

同样地,如果一个人被添加到桌子上(比如詹姆斯·弗拉特),就必须将Ghan,Hand和Kite全部放在一列以便为Frat腾出空间。

我正在努力的一件大事就是取代组织目前使用的CMS,这是专有的和有限的。通常我会将数据保存在数据库中,排序并动态插入数据信息相应的列......但我无法访问数据库后端。

我可以访问HTML - 虽然编辑器偶尔会加入我的输入(当然,当我输入换行符时,我打算将它转换为段落)

它也可以访问文档的头部,这很好。从理论上讲,我可以使用JavaScript,但这也可能会被搞砸。在我目前的限制条件下寻找关于如何实现这一目标的想法?

1 个答案:

答案 0 :(得分:1)

而不是table,您应该使用div并浮动它们。这样,如果一个div被删除,其他人将填写。