XHTML의 줄무늬 격자보기 Strict + CSS

CSS를 사용하여 XHTML Strict에서 간단한 줄무늬 격자보기를 만들려고합니다. 예를 들어 this picture of a devExpress GridView을 참조하십시오. 주요 문제는 각 항목이 여러 행으로 구성된 테이블을 만드는 방법입니다. 물론, 비슷한 것XHTML의 줄무늬 격자보기 Strict + CSS

<table> 
<tr><td> 
    <table> 
    <tr> 
    <td width=100>Item 1, cell 1</td> 
    <td width=200>Item 1, cell 2</td> 
    </tr><tr> 
    <td width=300>Item 1, cell 3</td> 
    </tr><tr> 
    <td width=150>Item 1, cell 4</td> 
    <td width=150>Item 1, cell 5</td> 
</td></tr> 
<tr><td> 
    <table> 
    <tr> 
    <td width=100>Item 2, cell 1</td> 
    <td width=200>Item 2, cell 2</td> 
    </tr><tr> 
    <td width=300>Item 2, cell 3</td> 
    </tr><tr> 
    <td width=150>Item 2, cell 4</td> 
    <td width=150>Item 2, cell 5</td> 
</td></tr> 
</table>

그러나이 '냄새'. colspans를 많이 사용하는 경우에도 마찬가지입니다. 다른 옵션이 있습니까?

출처

2009-06-08 Martijn

, 당신이 div의에이 데이터 그리드를 구축 할 수 있습니다,하지만 당신은 왜 '이 냄새'생각하십니까? 복잡한 테이블 내용을 표시하는 것은 일반적인 방법입니다. 오후 8시 30 분 P.S. width = "300"colspan = "2"? –

나는 이것이 끔찍한 * UI라고해야하지만, 심미적 인 판단을 제쳐 놓고 생각하면 내가 생각하는 하부 구조로 갈 것입니다. HTML은 이런 식의 좋은 지원을하지 못합니다.하지만 HTML보다 구조에 대해 더 많이 말합니다. – annakata

당신 수 또한 중첩 테이블 : 물론

<table> 
<tr><td><!----- row 1 --> 
    little icon 
</td><td> 
    <table> 
     <tr><td>Band 1</td><td>some data</td></tr> 
     <tr><td>Band 2</td><td>some other data</td></tr> 
    </table> 
</td></tr> 
<tr><td><!----- row 2 --> 
... 
</td></tr> 
</table>

출처

2009-06-08 11:18:15 0scar

감사합니다. 이것은 제가 생각한 선택 사항이지만 밴드의 구조가 다르기 때문에 더 좋은 방법이 있기를 바랍니다. – Martijn

DataTable 개체 또는 그와 비슷한 코드를 입력으로 사용하여 테이블을 코드 숨김의 메서드 또는 사용자 지정 컨트롤러로 출력 할 수 있습니다. 표준 gridview-controller가 원하는 것을 할 수 있다고 생각하지 마십시오.

출처

2009-06-08 08:54:33

XHTML의 줄무늬 격자보기 Strict + CSS

답변

관련 문제