Javascript 行分组为的数据表无法隐藏列
JS: HTML:Javascript 行分组为的数据表无法隐藏列,javascript,jquery,html,css,datatable,Javascript,Jquery,Html,Css,Datatable,JS: HTML: 组索引组显示名称 组织机构 卷 读取(MB/s) 写入(MB/s) 卷大小(GB) 我的费用(美元) 评论 0 某物公司。 0 0 0 $0 看法 问题是: 我能够成功地进行行分组,它工作得很好,但是我需要将其中的两列隐藏到某些角色。以及隐藏与分组使用的“组织”列等效的附加列。然而,从上面的JS中你可以看到,我已经尝试隐藏所有的列,只是想看看在我来这里之前,是否真的会隐藏任何列。不管是哪一个,所有的或一个都不会隐藏。有人知道这方面的工作吗?因为我需要保留列,但隐藏到实际
组索引组显示名称
组织机构
卷
读取(MB/s)
写入(MB/s)
卷大小(GB)
我的费用(美元)
评论
0
某物公司。
0
0
0
$0
看法
问题是:
我能够成功地进行行分组,它工作得很好,但是我需要将其中的两列隐藏到某些角色。以及隐藏与分组使用的“组织”列等效的附加列。然而,从上面的JS中你可以看到,我已经尝试隐藏所有的列,只是想看看在我来这里之前,是否真的会隐藏任何列。不管是哪一个,所有的或一个都不会隐藏。有人知道这方面的工作吗?因为我需要保留列,但隐藏到实际视图中,所以使用此命令隐藏列,第一个参数是列的索引和 第二个参数是可见性
fnSetColumnVis(1,假) 您使用的是什么版本的dataTables?1.9,但是我找到了我的答案,也许我应该在这里回答我自己的问题以避免混淆。底线是,我买了一个现成的模板,其中包括数据表。然而,由于无法像我习惯的或应该能够的那样使用datatables,我遇到了一些问题,我开始深入研究模板文件,结果发现对
$.dataTable()代码>在一个上下文中,所有表都会被选中,并在我的脚本之前调用它们。在可伸缩性方面的设计非常糟糕,但一旦我发现我从基础上删除了它,事情就开始顺利进行了。该死,直到我完成了上面的JSFIDLE,显示它工作正常后,才看到您的评论。:/是的,请回答你自己的问题并接受它,谢谢。你甚至可能会获得一些支持票:-)
$(document).ready(function() {
// $( "#dashboard_container" ).tabs();
$('#listings').dataTable({
"bRetrieve": true,
"aoColumns":
[
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
{ "bVisible": false },
]
}).rowGrouping({
iGroupingColumnIndex: 1,
sGroupingColumnSortDirection: "asc",
iGroupingOrderByColumnIndex: 0,
bExpandableGrouping: true,
bExpandSingleGroup: true,
iExpandGroupOffset: -1
});
});
<table class="datatable" id="listings">
<thead>
<tr>
<th>Group Index</th><th>Group Display Name</th>
<th>Organization</th>
<th>Volumes</th>
<th>Read (MB/s)</th>
<th>Write (MB/s)</th>
<th>Volume Size (GB)</th>
<th>My Cost (USD)</th>
<th>Comments</th>
</tr>
</thead>
<tfoot></tfoot>
<tbody>
<tr>
<td>0</td><td><a href="/dashboard/" class="orglist_group_link">Artful Scientific</a></td>
<td>Something Co.</td>
<td><a href="/details/view?volume=12345678" class="orglist_link">information</a></td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>$0</td>
<td><a class="btn small icon i_preview comment_edit_button" rel="1" title="edit or view comment">View</a></td>
</tr>
</tbody>
</table>
</div>