차림

2013년 1월 24일

표에서 마지막 칼럼까지 하나로 더하기

표 (table)에서 colspan 속성은 지정한 숫자만큼 칸 (행, column)을 하나로 더할 때 쓴다.

그런데 마지막 칸까지 모두 하나로 더해야 하는데, 하나로 더할 칸의 개수를 지정할 수 없는 경우가 있다. 칸의 개수가 너무 많아서 세기 힘들 수도 있고, 예를 들어, 프로그램의 일부로 칸의 개수가 유동적일 때는 이런 경우 colspan에 숫자를 지정해 줄 수 없다.

이럴 때는 colspan="0"과 같이 지정해 주면 된다.


<td colspan="0">

하지만 colspan="0"은 불여우에서만 지원된다고 한다. IE 8에서는 확실히 지원되지 않는다. 그렇다면 다음과 같이 써 보자.


<td colspan="100%">

IE 8에서는 colspan="100%"가 경우에 따라서 제대로 되기도 하고 안 되기도 하는데 이유는 모르겠다.

표 1. colspan="100%"가 쓰인 예
가게 사과 복숭아
금마트 500 2000 1100 900
은마트 1400
동마트 400 3000 1600 800
목록