2010-03-31 3 views
4

나는 이것을 추측 할 수는 없지만 여기에 있습니다.무엇이든 상관없이 줄 바꿈없이 왼쪽으로 강제로 플로트합니다.

나는 두 개의 테이블을 가지고 있으며 한 테이블처럼 보이도록 나란히 앉히려고합니다. 그 이유는 하나의 큰 테이블을 사용하는 대신 캐싱 및 AJAX 페치 데이터 같은 성능상의 이유 때문에 두 번째 테이블의 데이터를 행 단위가 아닌 열 단위로 처리해야하기 때문입니다. 따라서 단일 열에 대해 전체 테이블을 다시로드하지 말고 별도의 테이블로 열을 나누기로 결정했지만 시각적으로 단일 테이블처럼 보입니다.

강제로 두 번째 테이블을 첫 번째 테이블 옆에 놓을 방법을 찾을 수 없습니다. 나는 그것들을 띄울 수 있지만 첫 번째 테이블이 너무 넓 으면 두 번째 테이블이 다음 줄로 나옵니다. 첫 번째 테이블의 너비는 동적입니다. 그래서 나는 그들의 컨테이너에 엄청난 너비를 설정할 수 없습니다. 음, 나는 1000 %와 같이 거대한 너비를 설정할 수 있습니다. 그러나 거대한 가로 스크롤 막대가 있습니다.

두 번째 테이블에 "어떤 줄에서든 같은 줄을 계속!"하고 말할 수있는 방법이 있습니까? 이전 요소 옆에 줄을 올려주세요. "

답변

2

하나의 행과 두 개의 셀이있는 다른 테이블에 두 개의 테이블을 넣으십시오. 우아하지 않거나 '현대적'이지 만 작동 할 것입니다. 이것에 대해

+1

나는 "Tables vs CSS"전쟁의 어느 편이 아니지만 복잡한 CSS 문제에 대해 테이블이 언제 어떻게 빠르고 즉각적인 해결책을 제시 하는지를 알고 있습니다. – sundar

+1

나는 주로 CSS쪽에 있지만, 작업을 완료하는 유일한 방법은 테이블이있는 몇 가지 경우가 있습니다. – Ray

+3

은 정규식과 폭력과 같아 보입니다. 테이블이 작동하지 않으면 충분하지 않습니다! – Tesserex

0

방법 :

<div> 
<div class=lspacer> 
<table1> 
</table1> 
</div> 
<div class=rspacer> 
<table2> 
</table2> 
</div> 
</div> 

그런 다음, lspacer를 들어, 당신이 그것을 취소 할 수 있습니다 왼쪽 및 rspacer를 들어, 마우스 오른쪽을 취소 할 수 있습니다. 또한 너비를 지정합니다.

1

테이블이 하나의 테이블 인 경우 하나의 테이블을 사용해야합니다.

다른 문서 구조를 사용하여 데이터 조작 문제를 해결하려고합니다.

jquery와 같은 라이브러리에서 제공하는 DOM 탐색 도구로 열마다 다른 클래스를 사용하면 업데이트 할 셀이나 열에 액세스 할 때 문제가 없어야합니다.

나는 당신이 선택한 경로를 가지 않을 것입니다.

관련 문제