테이블-열 그룹이란 무엇입니까?
테이블-열 그룹은 이름에서 알 수 있듯이 여러 열의 셀 그룹입니다. 특정 열의 모든 값은 서로 관련되어 있습니다. Table-Column은 여러 열을 포함하는 요소를 호스팅합니다. 우리는 ' <컬그룹> ” 태그를 사용하여 CSS의 테이블에서 열을 함께 그룹화합니다. 그런 다음 범위 값을 정의하여 그룹에 포함할 열 수를 기록합니다.
예
'이름', '나이' 및 '신장'이 기록된 회사 직원의 생체 데이터에 대한 테이블에서 각 파란색 열은 다음 예에서 설명된 특정 직원에 해당합니다.
< 테이블 >
< 콜그룹 >
< 안부 스타일 = '배경색: 분홍색' >
< 안부 기간 = '삼' 스타일 = '배경색: 하늘색' >
< / 콜그룹 >
< 트 >
< td > 이름 < / td >
< td > 남자 이름 < / td >
< td > 제임스 < / td >
< td > 다윗 < / td >
< / 트 >
< 트 >
< td > 나이 < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / 트 >
< 트 >
< td > 키 < / td >
< td > 173cm < / td >
< td > 184cm < / td >
< td > 188cm < / td >
< / 트 >
< / 테이블 >
위의 코드에 따라 아래 단계를 따르십시오.
- 테이블을 생성하여 시작하고 다음을 추가하십시오. <컬그룹> 꼬리표.
- 사용 기간 유틸리티 클래스를 지정하고 함께 그룹화할 열 수를 지정합니다.
- 이제 다음을 사용하여 colgroup을 닫습니다. 꼬리표.
- 또한 표 행에 명시된 데이터를 입력하십시오.
그리고 태그. - 다음을 통해 테이블을 닫습니다. 테이블> 꼬리표.
산출
HTML 표의 셀 '범위'는 단일 셀이 포함할 수 있는 열 수를 나타냅니다. Microsoft Excel의 '병합' 셀 기능과 동일한 용도를 제공합니다.
테이블 행 그룹이란 무엇입니까?
Table-Row Group은 단일 그룹을 만들기 위해 여러 행을 함께 바인딩하는 것입니다. 단일 요소는 여러 행을 포함합니다. '를 통해 이루어집니다. <행 그룹> ” 태그.
예
한 달 동안 직원의 매출을 보여주는 다음 표는 여러 직원의 이름에 대해 월 이름이 포함된 행을 그룹화하여 표시할 수 있습니다. 그러면 이름에 해당하는 매출이 표시될 수 있습니다. 아래 코드에서 동일한 내용을 설명했습니다.
< 테이블 수업 = 'wet-boew-zebra' >
< 콜그룹 >
< 안부 >
< 안부 >
< / 콜그룹 >
< 티바디 >
< 트 >
< 일 콜스팬 = '9' >월간 판매 ( $ ) < / 일 >
< / 트 >
< 트 >
< 일 행 범위 = '4' >5월 2023년 < / 일 >
< 일 >제임스< / 일 >
< td > 1434년 < / td >
< / 트 >
< 트 >
< 일 >마이클< / 일 >
< td > 1700년 < / td >
< / 트 >
< 트 >
< 일 >존< / 일 >
< td > 1299 < / td >
< / 트 >
< / 티바디 >
< 티바디 >
< 트 >
< 일 행 범위 = '4' >6월 2023년 < / 일 >
< 일 >제임스< / 일 >
< td > 1256년 < / td >
< / 트 >
< 트 >
< 일 >마이클< / 일 >
< td > 1975년 < / td >
< / 트 >
< 트 >
< 일 >존< / 일 >
< td > 1883년 < / td >
< / 트 >
< / 티바디 >
< / 테이블 >위에서 언급한 코드에서:
- 테이블 정의 및 추가 <컬그룹> 꼬리표.
- 다음을 사용하여 열의 그룹화를 정의합니다. 콜스팬 유틸리티 클래스.
- 마찬가지로 다음을 통해 행의 그룹화를 정의합니다. 행 범위 유틸리티 클래스.
- 이제 각 2개월 동안 모든 개인의 판매 데이터를 입력하십시오.
- 마지막으로 다음을 사용하여 테이블을 닫습니다. 테이블> 꼬리표.
산출
결론
하나의 값이 다른 여러 항목에 해당하는 경우 테이블의 개별 셀을 그룹화할 수 있습니다. 또한 테이블을 열 또는 행으로 그룹화할 수 있음을 확인했습니다. 둘 다 고유한 기능이 있으며 필요할 때마다 사용할 수 있습니다.