정렬 가능한 목록의 다른 테이블의 열 정렬

Question

나는 정렬 가능한 목록이 있습니다. 각 정렬 가능한 항목에는 테이블이 들어 있습니다. 모든 테이블의 열을 정렬하고 싶습니다. CSS에서 고정 된 표 레이아웃 사용 : 잘 작동하지만 셀 내용이 너무 길면 내용이 겹칩니다. 셀의 내용에 맞게 테이블을 확장하고 가로 공간이 충분하지 않으면 가로 스크롤 막대가 나타나야합니다.

이 모든 것을 한 테이블에 넣으려고했지만 일부 경우에 추가 항목이 정렬 항목의 테이블 아래에 표시되고 jquery로 테이블 행을 정렬해도 잘 작동하지 않기 때문에 좋지 않습니다.

코드의 단순화 된 버전은 여기에 있습니다 :

Answer 1

http://jsfiddle.net/buZUz/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.