변형 된 표와 표를 사용할 수 있습니다. 그리드에서 모바일, 태블릿 또는 컴퓨터에 표시 될 행을 정의합니다. 각 장치 행은 특정 정렬이있는 테이블을 포함합니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.css" rel="stylesheet"/>
<div class="ui container">
<div class="ui one column grid">
<div class="mobile only row">
<table class="ui celled table">
<tbody>
<tr class="right aligned">
<td>Mobile</td>
<td>Value mobile</td>
</tr>
</tbody>
</table>
</div>
<div class="computer only row">
<table class="ui celled table">
<tbody>
<tr class="left aligned">
<td>Computer</td>
<td>Value on computer</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>