小编tal*_*ons的帖子

如何使我的表格在移动视图中按行折叠

我正在尝试将响应式表格添加到我网站的 iframe 中。该表在桌面上看起来不错,但在移动视图中则不然。我尝试过 @media 使表格按行折叠,以便每行的第一个单元格将在一列中垂直对齐。

\n\n
|-------------------------------------------------|\n|    row head1      | data1 |              data2  |\n|-------------------------------------------------| <--my table \n|    row head2      | data3 |              data4  |\n\n\n|--------------------|\n|    row head1       |    <- i want to have this in mobile view\n|--------------------|\n|    data1           |\n|--------------------|\n|    data2           |\n|--------------------|\n|    row head2       |\n|--------------------|\n|    data3           |\n|--------------------|\n|    data4           |\n|--------------------|\n
Run Code Online (Sandbox Code Playgroud)\n\n

下面我做错了什么吗?

\n\n

\r\n
\r\n
|-------------------------------------------------|\n|    row head1      | data1 |              data2  |\n|-------------------------------------------------| <--my table \n|    row head2      | data3 |              data4  |\n\n\n|--------------------|\n|    row head1       |    <- i want to have this in …
Run Code Online (Sandbox Code Playgroud)

html css html-table responsive

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

html-table ×1

responsive ×1