테이블(Table) 태그에서 table-layout:fixed; 의 min-width 가 먹히지 않을 때
마스터욱
0
30
0
0
2022-04-24 00:41:09
table 에 table-layouf:fixed; 를 걸고,
각 td 에 min-width를 걸었을 경우, 모바일에서 min-width 가 먹히지 않는 현상이 발생.
아래와 같이 table 에도 min-width 를 태우면 해결됨.
<div class="table-responsive">
<table class="table table-bordered table-hover" style="table-layout:fixed; min-width:690px;">
<tr style="background-color:#F1F1F1;">
<th style="text-align:center; width:50px;"></th>
<th style="text-align:center; min-width:200px;"></th>
<th style="text-align:center; min-width:200px;"></th>
<th style="text-align:center; width:110px;"></th>
<th style="text-align:center; width:130px;"></th>
</tr>
<tbody></tbody>
</table>
</div>
