tr 행

2016-10-09 4 views
-4

아래 기본 테이블 내부에 두 번째 테이블을 추가하는 방법 이제 테이블이 생겼습니다. 다른 테이블/div 또는 stm을 해당 테이블에 삽입해야하므로 첨부 된 이미지처럼 보입니다.tr 행

table

이미 테이블을 만들었습니다, 녹색 행 아래에 회색 색상 표를 삽입하는 방법을 모르겠어요. td 안에 insert table을 시도했지만 작동하지 않습니다. 그런 다음 div : display를 사용하여 테이블을 만듭니다. 표는 거의 괜찮아 보이지만 가격 셀 정렬은 좋지 않습니다. 이미지에서 볼 수 있듯이 모든 가격 (300, 343, 300)은 동일한 셀 크기 여야합니다.

나는 이것을 이미지에서 보여줄 수있는 간단한 예가 필요하다. 내 테이블 너비 : 100 %; 여기

<tr> 
    <td></td> 
    <td colspan="8"> your gray table </td> 
    <td></td> 
</tr> 
+0

<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; } </style> </head> <body> <table> <tr> <td>Table inside another table <table> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>C</td> <td>D</td> </tr> </table> </td> </tr> </table> </body> </html>

는 코드를하시기 바랍니다 게시 마십시오. – SeinopSys

+0

질문을 게시 할 때 게시 할 첫 번째 사항은 문제를 해결하기 위해 시도한 코드입니다. 우리는 작동하지 않는 코드를 수정하도록 도와 줄 수는 있지만 작성하지는 마십시오. 감사합니다 –

답변

0

이 필요합니다.

+0

네, 거의 작동하지만 통화 셀은 같은 크기가 아니므로 양쪽 셀에 너비 속성을 추가합니다. –

0

다른 테이블 안에 테이블을 배치하는 아주 기본적인 예입니다 :

SRY없이 코드, 당신이 회색 행에 대한 예제 코드를 넣고 사용할 수있는 예를 들어