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

HTML表格宽度适合浏览器窗口,html,Html,给定一个HTML表格,其中的某些数据可能比浏览器窗口窄或宽 在前一种情况下,我知道如何使其扩展以填充整个宽度 在后一种情况下,如何使其压缩(通过截断某些列,而不是通过换行)以适应可用的宽度?如果“截断某些列”是指截断其内容,则始终可以使所有TDs溢出:隐藏,具有固定的高度 另一方面,如果你想完全去掉列,那么你需要一个JavaScript解决方案来检测哪些列落在视图之外并将其清除掉。好吧,你的问题很难回答。我认为最简单的方法是使用,它有一个名为DataTable的组件(以及许多其他组件),您可以通

给定一个HTML表格,其中的某些数据可能比浏览器窗口窄或宽

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

在后一种情况下,如何使其压缩(通过截断某些列,而不是通过换行)以适应可用的宽度?

如果“截断某些列”是指截断其内容,则始终可以使所有TDs
溢出:隐藏
,具有固定的高度


另一方面,如果你想完全去掉列,那么你需要一个JavaScript解决方案来检测哪些列落在视图之外并将其清除掉。

好吧,你的问题很难回答。我认为最简单的方法是使用,它有一个名为DataTable的组件(以及许多其他组件),您可以通过编程方式在其中添加或删除列。这是一个可能对你有帮助的方法


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

要将表格扩展到完整的浏览器窗口,只需执行以下操作:

 <table width="100%">

…如何使其压缩(通过截断某些列,而不是通过换行)以适应可用宽度

我建议将表格宽度设置为n%,并以百分比的形式设置td的宽度,这些百分比加在一起将给出表格的宽度


然而,这将导致文字被包装在td中。

这不会截断任何内容。。。他要求避免换行,让内容/栏目被截断。他说“通过截断一些栏目,而不是换行”。当单元格内容无法进一步包装时,此解决方案没有帮助。