靈活顯示更改表格信息？

我有一個組織的工作人員頁面。目前有33名工作人員以三排一排的形式組織在一張桌子上。每列都有自己的照片，姓名，以及他們的電子郵件，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>

當有人離開，就會出現問題 - 例如，如果吉姆恩恩離開，那麼法爾需要移動到他的列中，並且將甘漢移動到遠處的列中，交給甘列的列，以及放在手中的列中。刪除單個員工的工作非常多。

同樣，如果一個人被添加到桌子上（比如詹姆斯弗拉特），必須將Ghan，Hand和Kite全部向下移動一列以爲Frat騰出空間。

我正在處理的一件大事是取代組織當前使用的CMS，這是專有的和有限的。通常我會將數據保存在數據庫中，對數據信息進行排序並動態插入適當的列......但我無法訪問數據庫後端。

我有訪問HTML - 儘管編輯偶爾garbles我的輸入（當然，當我把一個換行符我的意思是你將它轉換成一個段落）

它提供了訪問文件頭也是這樣，這很好。理論上我可以使用JavaScript，但這也可能會被忽略。尋找關於如何在我目前的限制內完成此任務的想法？

來源

2015-05-04 davemackey

這樣的混合列顯示數據是非常奇怪的。如果您按行組織實際的表格，您可以使用CSS和JavaScript格式化來顯示它，但如果數據的組織不正確，格式化將變得非常困難。 –

而不是table，你應該使用div s和浮動它們。這樣，如果一個div被刪除，其他人將填寫。

來源

2015-05-04 01:59:53

靈活顯示更改表格信息？

回答

相關問題