Admin Dashboard 만들기 part 6. 테이블만들기2 ( bootstrap table)

티스토리 뷰

Bootstrap4

브라이언77 2020. 8. 31. 23:29

- 테이블 헤더 만들기

- 테이블 바디 만들기

: 아이템 상태 표시에서 기존의 button 을 사용하지 않고 badge 사용함.

- 뱃지(badge) 스타일 변경

새 아이템 추가

: 첫번째 아이템을 복사해서 새로운 아이템을 추가한다.

테이블 디자인

- table-dark : 어두운 색의 테마 사용

- table-hover : 마우스 커서를 테이블 위로 올리면 해당 아이템이 표시된다.

페지네이션 만들기

Responsive View 만들기

: 화면 사이즈가 xl 에서 col-6 를 사용해서 두개의 테이블을 한줄에 표시한다.

끝.

Admin Dashboard 만들기 part 8. 태스크 만들기(bootstrap tasks) (0)	2020.09.01
Admin Dashboard 만들기 part 7. 막대 진행바 만들기( Progress bar ) (0)	2020.09.01
Admin Dashboard 만들기 part 5. 테이블만들기 ( bootstrap table) (0)	2020.08.31
Admin Dashboard 만들기 part 4. 아이템 상태 표시 ( bootstrap card) (2)	2020.08.31
Admin Dashboard 만들기 part 3. 모달(modal) 추가하기(로그인창) (0)	2020.08.31

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함