我有一个可排序列表，每个可排序项目都包含一个表格。我想对齐所有表中的列。使用表格布局：在CSS中修复工作正常，但是当单元格内容太长时，内容重叠。我想扩展表以适应单元格中的内容，如果没有足够的水平空间，应该出现水平滚动条。
我尝试解决这个问题，将所有内容放在一个表中，但这并不好，因为在某些情况下，额外内容会出现在sort项的表下，而且，使用jquery对表行进行排序也不是很好。< / p>
代码的简化版本位于：http://jsfiddle.net/buZUz/1/
答案 0 :(得分：1)
我认为你在这里尝试用多个表实现的目标很难实现，并且可以在不同的浏览器中进行工作。我过去曾经遇到过很多“问题”：表格布局：固定，现在从不使用它。
我很想回到一张桌子，让每一行都可以排序。
要获取每行数据下的额外内容，您可以：
-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.