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

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

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

其次是我的目标是每行显示某些列，这取决于该行有多宽。我的计划方法是通过将表宽度作为参数发送给javascript函数来决定显示或隐藏哪些列。

我的问题：

有没有更好的办法在WordPress做到这一点？
也许有人已经解决了这个......但我没有找到它..
在我的代码中嵌套上述jQuery的最佳做法是什么？

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

来源

2014-02-18 Tom Winter

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

table{ 
    width: 100%; 
}

我觉得我在这里错过了一些相关信息。

来源

2014-02-18 13:11:01

感谢您的快速回复。设置100％将允许我的表使用父div的所有宽度，但它不会让我决定哪些列将适合表格。 –

我不会为此使用JavaScript，但CSS。 I.E.分配'display：block'，孩子会确保它占用全部宽度，所以父母的宽度为

来源

2014-02-18 13:11:23

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

回答

相关问题