在可排序列表中对齐不同表格的列

我有一个可排序列表，每个可排序项目都包含一个表格。我想对齐所有表中的列。使用表格布局：固定在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

在可排序列表中对齐不同表格的列

回答

相关问题