Jquery 数据表 - fnopen() 明细表不占据全宽

标签 jquery asp.net-mvc-4 datatables

我有一组通过 jQuery 数据表显示的行,基本上使用 MVC ASP.net 中的网格列表,然后使用 jQuery > datatables 展开每行数据以显示新的表数据。 明细表数据没有占据行的整个宽度,显示如下

Table example

我对打开表函数的调用是

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

其中LP是父表的样式类,如图所示,但它没有被应用。我尝试将样式应用于详细信息行的 HTML 本身,但无济于事 如何让它采用父表的样式并占据父表的宽度?

答案:

事实证明,父表中的可排序列阻止了样式与子表一起使用 - 我还没有进行足够的研究来了解原因,但可以为遇到问题的任何人提供引用。对父表的所有列进行排序并更改子表的样式以包含 100% 宽度是可行的。

最佳答案

我编码了这个Plunker它源自 dataTables 示例。

subtables

它似乎做了你想做的事。 (请忽略损坏的图标)。

由于我不知道您的任何代码,因此我不得不构建这个冗长的脚本。但事实上,它归结为简单地将 100% 的宽度添加到子表中(plunker 代码的第 4 行):

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

请检查一下并使用我的 plunker 作为进一步改进的基础,这些改进可以在此处讨论。 (如果您向其他人展示您的一些代码,其他人也可能会有所帮助)。

希望这有帮助。 (顺便说一句,非常漂亮的峡湾!)

关于Jquery 数据表 - fnopen() 明细表不占据全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21936690/

相关文章:

javascript - 从 ajax 获取参数到 Controller Laravel

mysql - 导入 csv 和 xls 以批量上传用户以在网站中注册

jquery - 如何使用ajax调用将jquery数据表加载到div中

jquery - 是否可以通过数据属性过滤 jQuery DataTable?

jquery - 如何滚动到溢出的 Div 中的元素?

jquery - 背景 :none not working in ie7?

javascript - 在ajax回调中播放音频

asp.net-mvc-4 - 使用 KNOCKOUT.JS 和 ASP.NET MVC 4 进行级联下拉

c# - 调用不明确 : Html. LabelFor

php - 如何将 jQuery 自动完成文本框与 DataTables 结合使用