如何使用javascript或jQuery使此表填充可用的宽度和高度？

jsFiddle：

如何伸展表格以使用流体宽度容器允许的整个宽度和高度，同时保留固定标题和滚动体

请看我的文章，了解目前的工作方式。我想要相同的功能，但在全宽和全高。欢迎使用HTML、CSS、JavaScript和jQuery解决方案

（将固定标题表滚动到的原始信用，谢谢！）

HTML:

• 更好的建议。。。尝试将DataTables用于JQuery（）

---

您可以在表格上使用CSS样式“宽度”，并将其设置为100%

style="width:100%;"

然后，该表将与父DIV容器保持100%的宽度。只要把你的div调宽就行了

如果希望div拉伸浏览器窗口的宽度，可以在div上尝试相同的技术，或者查看浏览器宽度并动态设置值。您可以使用javascript获取（并设置）这些值

• 更好的建议。。。尝试将DataTables用于JQuery（）

---

您可以在表格上使用CSS样式“宽度”，并将其设置为100%

style="width:100%;"

然后，该表将与父DIV容器保持100%的宽度。只要把你的div调宽就行了

如果希望div拉伸浏览器窗口的宽度，可以在div上尝试相同的技术，或者查看浏览器宽度并动态设置值。您可以使用javascript获取（并设置）这些值

---

不要为

表格设置固定的宽度和高度。巡航

和

div.scrollableContainer

如果只是这么简单。。。删除像素宽度没有帮助。在这里可以看到它们被百分比替换的地方：注意thead如何不再与tbody对齐。这仍然留下了身高问题。我知道这不会那么容易，但这是最紧迫的问题。硬编码宽度/高度不会让任何东西正确扩展不要为

表设置固定的宽度和高度。巡航

和

div.scrollableContainer

如果只是这么简单。。。删除像素宽度没有帮助。在这里可以看到它们被百分比替换的地方：注意thead如何不再与tbody对齐。这仍然留下了身高问题。我知道这不会那么容易，但这是最紧迫的问题。硬编码宽度/高度不会让任何东西正确扩展+1我不认为用JavaScript这样做有什么意义，因为你可以用CSS来正确地完成它。不过，将其放入样式标记中并不是必需的。您需要更改显示

width:535px。此外，您需要删除
宽度：535pxscrollableContainer
中选择code>。。。删除像素宽度没有帮助。在这里可以看到它们被百分比替换的地方：注意thead如何不再与tbody对齐。这仍然留下了高度问题。+1我不认为用JavaScript做这件事有什么意义，因为你可以用CSS正确地做这件事。不过，将其放入样式标记中并不是必需的。您需要更改显示
width:535px。此外，您需要删除
宽度：535pxscrollableContainer
中选择code>。。。删除像素宽度没有帮助。在这里可以看到它们被百分比替换的地方：注意thead如何不再与tbody对齐。这仍然留下了高度问题。
style="width:100%;"