0

次のように、モバイルで垂直の左ヘッダー行を持つ適応テーブルを作成したい:

Header 1  data data data
Header 2  data data data
Header 3  data data data

そして、このようなデスクトップ用の通常のテーブル:

Header 1 Header 2 Header 3
 data     data      data
 data     data      data

CSSとHTMLだけでこれを行う方法を考えている人はいますか(テーブルを作成して、PHPで新しい行を簡単に追加できるようにしたい)。

4

3 に答える 3

-1

<th>必要な場所にタグを簡単に配置できます。

<table>
<tr>
  <th>Header 1</th>
  <td>Content 1,1</td>
  <td>Content 1,2</td>
</tr>
<tr>
  <th>Header 2</th>
  <td>Content 2,1</td>
  <td>Content 2,2</td>
</tr>
<tr>
  <th>Header 3</th>
  <td>Content 3,1</td>
  <td>Content 3,2</td>
</tr></table>

フィドル: https://jsfiddle.net/daswagpanda/byxk0rt6/

于 2016-10-13T12:49:33.630 に答える
-1

レイアウト要件には Javascript コードが必要です。または、要求がモバイルまたはデスクトップからのものかどうかを PHP で検出し、必要なレイアウトを PHP でレンダリングします。

于 2016-10-13T12:52:47.283 に答える