리스트2 테이블1. 폭좁은 화면은 목록표 일부만 보여준다.

목록표 기본

★○○ 게시물 목록 : 번호, 제목, 작성자, 작성일, 첨부, 조회

번호	제목	작성자	작성일	첨부	조회
10000	여기는 제목이 좌정렬되니 class="tal" 추가하세요. 새 글	작성자	2016.09.23		9999
9999	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십 새 글	작성자	2016.09.23		9999
9998	└[답변] 답변글은 이렇게 구분하지여..	작성자	2016.09.23		9999
9997	└[답변] 2차 답변글은 요렇게 들여쓰기를 하는구나!	작성자	2016.09.23		9999
9996	확장자별 아이콘은 10개 + 범용 1개 + 노파일 1개 준비..	작성자	2016.09.23		9999
9995	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999
9994	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999
9993	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999
9992	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999
9991	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999

작은폭 화면은 목록표 일부만 보여주기

감추려는 th, td 에 class="hide-small display-table-cell-medium" 추가

★○○ 게시물 목록 : 번호, 제목, 작성자, 작성일, 첨부, 조회

번호	제목	작성자	작성일	첨부	조회
10000	새 글 일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십	작성자	2016.09.23		9999
9999	└[답변] 새 글 일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십	작성자	2016.09.23		9999
9998	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999

감추려는 th, td 에 class="hide-small-only" 추가

감추려는 th, td 순번들에 해당하는 class 를 table 에 추가 (예: class="tt1hide-small-only tt3hide-small-only" )

간편한 이 방법을 사용하세요!

1줄 말줄임…

아래 코드처럼 table 요소에 ellipsis 클래스 추가하세요.
표셀 폭을 지정하세요!
긴글 있는 셀이 2개 이상이면 이 방법을 권장하지 않는다.

★○○ 게시물 목록 : 번호, 제목, 작성자, 작성일, 첨부, 조회

번호	제목	작성자	작성일	첨부	조회
10000	새 글 일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십	작성자	2016.09.23		9999
9999	└[답변] 새 글 일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙칠팔구십	작성자	2016.09.23		9999
9998	일이삼사오륙칠팔구십일이삼사오륙칠팔구십일이삼사오륙..	작성자	2016.09.23		9999