具有rowGrouping的数据表无法隐藏列

时间:2012-09-12 19:03:54

标签: javascript jquery html css datatable

JS:

$(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
    });
});

HTML:     

    <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>

问题:

我能够成功完成行分组并且工作正常,但是我需要将两个列隐藏到某些角色。除了隐藏一个额外的列,该列将是分组使用的“组织”列的等效项。但是从上面的JS你可以看到我已经尝试隐藏所有列只是为了看看是否有任何实际上隐藏在我的最后沟渠努力来到这里之前。无论哪一个或一个都没有隐藏。有人知道为此工作吗?因为我需要保留列但隐藏到实际视图

1 个答案:

答案 0 :(得分:4)

使用此命令隐藏列,第一个参数是列的索引和 第二个参数是可见的

fnSetColumnVis(1,false);