HTML表格宽度适合浏览器窗口

Question

给定一个HTML表，其中一些数据可能比浏览器窗口更窄或更宽，

在前一种情况下，我知道如何使其扩展以填满整个宽度。

在后一种情况下，如何将其压缩（通过截断某些列，而不是通过自动换行）以适应可用宽度？

Answer 1

如果通过“截断某些列”来表示截断其内容，则可以始终制作具有固定高度的所有TD overflow: hidden。

另一方面，如果您想要完全删除列，那么您需要一个JavaScript解决方案来检测哪些列落在视图之外并将其扫除。

Answer 2

嗯，你的问题很难回答。我认为最简单的方法是使用Yahoo User Interface Library，它有一个名为DataTable的组件（在许多其他组件中），您可以在其中以编程方式添加或删除列。这是example，可能会对您有所帮助。

PS：检查其他组件，YUI只使用javascript，其中一些非常酷。

Answer 3

将表扩展为完整的浏览器宽度，只需执行以下操作：

 <table width="100%">

Answer 4

...你怎么做它压扁（通过截断一些列，而不是通过wordwrap）以适应可用的宽度？

我建议将表格宽度设置为n％，并设置td的宽度，以百分比表示，当汇总在一起时，将给出表格的宽度。

然而，这会导致单词包含在td中。