데이터에듀 PT 관리자

Table Responsive Sample (표 반응형 샘플)

표 (()) 목록 :: 표 (()) 정의목록

))) 스타일 버림 ( .small-is-block 는 보존 ). 필요하면 재개발

★표제목필수

제목	마크업	샘플 / 방법	비고
정의목록 (()) 표 작성 형태로	.dl2table1 dl	))) _사전정보공표_상세 .dt1 )) float:left; width:20%; .dd1 )) float:left; width:30%;	base.css
표 (()) 블록 작성 형태로	table.small-is-block	))) _착한가게 신청 프로그램 tr )) display:block; overflow:hidden; th )) clear:both; float:left; td )) float:left;	base.css
표 (()) 표 목록 컬럼 일부만 보여주기	table.tt1hide-small-only	))) _BBS1 리스트2표1 class="tt1hide-small-only tt3hide-small-only" th, td )) class="hide-small-only" th, td )) class="hide-small display-table-cell-medium"	base.css
표 (()) 블록, 인라인블록 목록 형태로 (thead 비표시)	table.table2block1	))) 리스트_E-BOOK thead )) display:none; tr )) display:block; th )) display:block; td )) display:block;	base.css
표 (()) 블록 목록 형태로 (컬럼 정렬)	.table-to-list1 table	))) _추천투자지구 tr )) display:block; position:relative; th )) display:block; position:absolute; td )) display:block; float:left;	lib2.css
표 (()) 블록, 인라인블록 목록 형태로 (제목 블록 나머지 인라인)	.list2table2 table	))) 질문과답변(민원게시판) tr )) display:block; th )) display:inline-block; td )) display:inline-block;	lib2.css

표 (()) 가로스크롤