Bootstrap: table class 사용하기

팀 프로젝트로 관리자 페이지를 만드는 데 
휴대폰 같은 작은 화면으로 볼 때 아무래도 반응형이다보니 테이블의 글자가 세로로 나왔다.
가로형 스크롤바가 나오고 글자 라인이 안 바뀌도록 바꾸는 방법은
하단처럼 css에 white-space: nowrap을 쓰는 거다. 

/* Diagnosis.jsp 진단 테이블 칼럼 너비 조정 */
.DiagnosisTable{
	table-layout:auto;
	white-space: nowrap;
}

또 관리자 페이지의 칼럼 내용들이 왼쪽으로 쏠렸는데 
아주 간단한 해결 방법은 bootstrap의 table class를 쓰는 것이다.

<table id="memberList" class="DiagnosisTable table text-center" style="empty-cells: show;">
생략
</table>

table class를 사용하기 전) 왼쪽으로 쏠려있다.

table class를 사용한 후) 자동으로 정렬됐다.

화면 너비를 줄인 뒤 하단에 가로형 스크롤바가 나오고 칼럼 내용들이 한 줄로 잘 나온다.