javascript - 如何在wordpress小部件中将表格宽度设置为父div宽度

Question

我正在为 wordpress 编写一个插件，并在小部件包装器中使用表格布局来显示排名和比赛时间表。包含所有给定信息的一行使用大约 1000 像素的宽度。对于宽度为 260px 或 360px 的小部件，我想省略不太重要的信息以在一行中显示最重要的信息。由于 wordpress 中的可互换主题，我不知道 wordpress 中的小部件实际上会有多宽。
Half page widgets和 narrow widget是我当前主题的示例。根据可用的宽度，我想显示更多或更少的列来填充行。我的想法是首先将表格宽度设置为包装div的innerWidth。 neokio写 here我可以用类似

的东西来做到这一点

$('#object').width($('#object').parent().width());

其次，我的目标是每行显示特定的列，具体取决于行的宽度。我计划实现此目的的方法是将表格宽度作为参数发送到决定显示或隐藏哪些列的 javascript 函数。

我的问题:

• 在 wordpress 中有更好的方法吗？
• 也许有人已经解决了这个问题...但我没有找到...
• 在我的代码中嵌套上述 jQuery 的最佳做法是什么？

我所有的代码都可以在 github 上找到.

Answer 1

如果我错了请纠正我，但 CSS 中的 width: 100%; 不会做你想做的事吗？它应该始终采用父元素的宽度。

table{
   width: 100%;
}

我觉得我在这里遗漏了一些相关信息。