在可排序列表中對齊不同表格的列

我有一個可排序列表，每個可排序項目都包含一個表格。我想對齊所有表中的列。使用表格佈局：固定在CSS中工作正常，但是當單元格內容太長時，內容重疊。我希望表格可以展開以適應單元格中的內容，如果沒有足夠的水平空間，則會出現水平滾動條。在可排序列表中對齊不同表格的列

我試圖解決這個問題，把所有東西都放在一張表中，但是這並不好，因爲在某些情況下，額外的內容出現在排序項目的表下，而且，使用jquery排序錶行並不是很好。

代碼的簡化版本是在這裏：http://jsfiddle.net/buZUz/1/

來源

2011-04-19 dioslaska

我認爲你正在嘗試與多個表在這裏實現將是非常難以實現，使工作翻過不同的瀏覽器是什麼。在過去的桌面佈局中，我有很多「問題」：固定的，現在從不使用它。

我很想回到一張桌子，讓每一行都可以排序。

爲了讓每一行你可以在數據下的額外內容：

-add another row with a colspan that covers all of the rows and put you extra content in that. 

-add hover event that shows the extra row or the data in a popup if it doesn't have to always be displayed. 

-add the extra detail in a seperate table , "a detail table" that gets populated depending on which row is selected.

來源

2011-04-19 08:58:44

有了一個表是難以實現有項目進行排序（邊框間距是最好的，但它不是在工作中的空間IE7，另一個想法是將單元格內容封裝到div中，並將CSS添加到div中，如果所有單元格內容具有相同/固定的高度，則這將工作良好）。額外的行的問題是，它應該與其「父」一起進行排序。也許它可以通過可排序事件中的一些解決方法來解決。無論如何，感謝這些想法，如果沒有更好的答案，我會考慮回到一張桌子。 – dioslaska 2011-04-19 09:16:38

在可排序列表中對齊不同表格的列

回答

相關問題