我有一组通过 jQuery
数据表显示的行,基本上使用 MVC ASP.net
中的网格列表,然后使用 jQuery
> datatables 展开每行数据以显示新的表数据。
明细表数据没有占据行的整个宽度,显示如下
我对打开表函数的调用是
oTable.fnOpen(nTr, details, 'LP')
其中LP是父表的样式类,如图所示,但它没有被应用。我尝试将样式应用于详细信息行的 HTML
本身,但无济于事
如何让它采用父表的样式并占据父表的宽度?
答案:
事实证明,父表中的可排序列阻止了样式与子表一起使用 - 我还没有进行足够的研究来了解原因,但可以为遇到问题的任何人提供引用。对父表的所有列进行排序并更改子表的样式以包含 100% 宽度是可行的。
最佳答案
我编码了这个Plunker它源自 dataTables 示例。
它似乎做了你想做的事。 (请忽略损坏的图标)。
由于我不知道您的任何代码,因此我不得不构建这个冗长的脚本。但事实上,它归结为简单地将 100% 的宽度添加到子表中(plunker 代码的第 4 行):
var sOut = '<table class="subtable" style="width:100%">';
请检查一下并使用我的 plunker 作为进一步改进的基础,这些改进可以在此处讨论。 (如果您向其他人展示您的一些代码,其他人也可能会有所帮助)。
希望这有帮助。 (顺便说一句,非常漂亮的峡湾!)
关于Jquery 数据表 - fnopen() 明细表不占据全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21936690/