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

Question

我正在为wordpress编写一个插件，并在widget包装器中使用表格布局来显示排名和游戏时间表。 给出所有信息的一行使用大约1000px的宽度。对于宽度为260像素或360像素的小部件，我想省略不太重要的信息，以便在一行中显示最重要的信息。由于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%;
}

我觉得我在这里缺少一些相关信息。

Answer 2

我不会使用JavaScript而是CSS。 I.E.指定'display：block'子项将确保它占用整个宽度，因此父级的宽度