Jquery数据表 - fnopen（）详细信息表不占用全宽

Question

我有一组我通过jQuery数据表显示的行，基本上使用MVC ASP.net中的网格列表，然后使用jQuery数据表来展开每行数据以显示新的表数据。 详细信息表数据不占用行的整个宽度，并显示如下

我对open table函数的调用是

oTable.fnOpen(nTr, details, 'LP')

其中 LP 是父表的样式类，如图所示，但未应用。香港专业教育学院尝试将样式应用于细节行的HTML本身，但无济于事 如何使其占用父表的样式并占用父表的宽度？

答案：

事实证明，我在父表中的可排序列阻止了样式与子表一起工作 - 我还没有研究足够的东西来学习原因，但是作为对任何有问题的人的参考。对父表的所有列进行排序并更改子项的样式以包括100％宽度工作。

Answer 1

我编码了Plunker，它是从dataTables示例中派生出来的。

它似乎做你想要的。 （忽略破碎的图标，PLZ）。

由于我不知道你的任何代码，我不得不构建这个冗长的脚本。但事实上，只需在子表中添加100％的宽度（plunker代码的第4行）：

 var sOut = '<table class="subtable" style="width:100%">';

请检查一下，并使用我的plunker作为进一步改进的基础，可在此处讨论。 （如果你向他们展示一些代码，其他人也可能会有帮助。）

希望这会有所帮助。 （顺便说一下，非常好的峡湾！）

Answer 2

这可能完全没用，但我遇到了与数据表非常相似的问题，问题是表的css显示属性设置为'block'。一旦删除，没问题。关于你的机会，我认为我会发布。