반응형테이블을 알게 되었습니다. 그런데 별도의 css없이 감싸주는 코딩만으로 가능한가요? 채택완료
디자인아루즈
1년 전
조회 1,192
https://wapplekids.cafe24.com/bbs/board.php?bo_table=p01&wr_id=2" rel="nofollow noreferrer noopener" target="_blank">https://wapplekids.cafe24.com/bbs/board.php?bo_table=p01&wr_id=2
감사합니다.
반응형 스크롤 테이블을 참고하던중에
<div class="table-responsive">
<table class="table">
...
</table>
</div>
를 알게 되었습니다. 그런데 별도의 css없이 감싸주는 코딩만으로 가능한가요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
마르스컴퍼니
Expert
1년 전
부트스트랩 프레임워크를 사용한 경우일 때 가능합니다.
즉 부트스트램 프레임워크 기본 css 에 포함되어 있어 적용이 됩니다.
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h
을 보면,
상단에
</p>
<p> <link rel="stylesheet" href="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">" target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"></a>
<script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script></a>
<script src="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>" target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script></a></p>
<p>코드가 들어가 있음을 확인할 수 있습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인