반응형 테이블

#html

<table class="mt">
    <thead>
        <tr>
	    <td>이름</td>
	</tr>		
    </thead>
    <tbody>
        <tr>
            <td data-label="이름">반응형</td>
        </tr>
    </tbody>        
</table>

#css

@media all and (max-width: 768px){
	.mt thead{display: none;}
	.mt tbody tr td{display: block;} /*  한 줄  */
	/* .mt tbody tr td{display: inline-block; width: 50%;} */ /* 여러 줄 */
	.mt tbody tr td:before {
	    content: attr(data-label);
	    float: left;
	    font-weight: bold;
	    text-transform: uppercase;
	}
}

https://codepen.io/anon/pen/dZrozW