如何使我的html表格响应

-4

我已经创建了一个html表格，它与2d结构类似。我想让表格响应。我已经尝试了一些方法。列响应方法不适合我的表格，因为它变得难以理解表格数据。所有其他建议？如何使我的html表格响应

我的示例表结构与此类似

<table class="indoor-table" style="width: 100%; border-collapse: collapse; border: 1px solid #e67817;"> 
 
<thead> 
 
<tr> 
 
<th style="border: 1px solid #e67817; text-align: center;">pixel pitch</th> 
 
<th style="width: 11.5%; border: 1px solid #e67817; text-align: center;" align="center">3</th> 
 
<th style="width: 11.5%; border: 1px solid #e67817; text-align: center;" align="center">4</th> 
 
</tr> 
 
</thead> 
 
<tbody> 
 
<tr> 
 
<td style="width: 20%; border: 1px solid #e67817;">Module Resolution (W*H Pixel)</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">192*192</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">128*128</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">160*160</td> 
 
</tr> 
 
<tr> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">160*160</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">192*96</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" colspan="2" align="center">32*16</td> 
 
<td style="width: 11.5%; border: 1px solid #e67817;" align="center">16*16</td> 
 
</tr> 
 
</tbody> 
 
</table>

一些响应方法不能正常工作，因为合并单元格的，我不想使用水平滚动method.so建议我一个适合我的桌子的选择。

来源

2015-01-08 hindu t

欢迎使用stackoverflow。对不起，但你的问题太简单了......请举例**完全**你的意思，因为此刻我真的不知道。 [请参阅帮助中的“如何提出一个好问题”]（http://stackoverflow.com/help/how-to-ask） – freefaller

有几种UI/UX技术可以使表响应：反转它，隐藏一些专栏，...您选择的专栏取决于需求和数据。有时甚至可能是你无法承受任何这些技术，你的用户只需要滚动... –

我想看看这篇博客，它给你的一些想法和插件可以使用：

http://exisweb.net/responsive-table-plugins-and-patterns

没有做响应表的接受的方法。如果数据太多或者表中的数据包含大量字符，则很难。

很多人正在使用自适应方法，其中表格视图对于移动设备完全不同。

没有看到您的表格，很难为您提供合适的解决方案，但我认为您应该能够在该博客文章中找到适合您需求的内容。

来源

2015-01-08 15:04:54 wildavies

如何使我的html表格响应

回答

相关问题