CSS サンプル: レスポンシブ対応テーブル (ラベル)

スマートフォンなど狭い幅の場合は列ヘッダを非表示にして行の中にラベルを表示します。(ブラウザの幅を狭くして試してみてください。ラベルは td に data-label という属性を設定して、content: attr(data-label)) で表示する仕組みにしています。