私はhtmlとsemantic ui(下記のhtmlコードを参照)を使用してテーブルを作成しました。意味的に画面サイズが変わったときにテーブルが完全に表示されない
次の表の問題は、画面サイズが最後の列が表示されなくなるほど小さい形式に変更された場合です(下のブラウザイメージを参照してください:ヘッダー9は表示されなくなります)。また、水平スクロールも利用できません。この動作の修正はありますか?
HTML
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta charset="utf-8" />
<link href="semantic.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="semantic.min.js"></script>
<title></title>
</head>
<body>
<div class='ui container'>
<table class="ui striped selectable celled table" id="overviewtable">
<thead>
<tr>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
<th>header 5</th>
<th>header 6</th>
<th>header 7</th>
<th>header 8</th>
<th>header 9</th>
</tr>
</thead>
<tbody>
<tr>
<td>sdfsdqfqdsf qsfqsf qs dqsfdqfdq</td>
<td>qsdfdqsfdqsfdfqsf qs dfsq</td>
<td>dqfdqsfdsq</td>
<td>dsqfqsdf</td>
<td>sqdfsqdf</td>
<td>sdfsdfqsf</td>
<td>dsfqsdfqsdfqsdf</td>
<td>sdqfsqdfsd</td>
<td>dsqfqsfdqsfsqfqsfdqsf</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
あなたはさらにテーブルよりも画面の幅を変更する場合は、縦モードに反転します。
PS:firefox、chrome、safariで同じ動作。
喜んで仲間を助けました。 –