【问题标题】:YADCF, column visibility doesn't work properly with filter_container_idYADCF,列可见性不适用于 filter_container_id
【发布时间】:2016-08-02 08:46:47
【问题描述】:

我对 Datatables、YADCF 和 Button Colvis 有一点问题: 我不能在同一个表中使用属性 visible:false、filter_container_id 和 yadcf。 yadcf 插件崩溃并且不显示任何内容。这是我的数据表初始化的清理版本:

datatable = $('#Datatable').DataTable({
    serverSide:true,
    processing:true,
    ajax: {
        url: '/app/object/liste',
        type: "POST"
    },
    columns: [
        {data:"pc_id", width:"90px"},
        {data:"pc_statut", visible:false, width:"90px"},
        {data:"reference_dossier", width:"90px"}],
    buttons: [{
        extend: 'colvis',
        text: 'Colonnes',
        collectionLayout: 'fixed three-column',
        columns: ':gt(0)'
    }],
    initComplete:function(a, b){
        new $.fn.dataTable.FixedColumns(datatable, {
            leftColumns: 1
        });

        var clonedTable = document.querySelectorAll('.DTFC_Cloned');
        for (var i = 0; i < clonedTable.length; i++){
            clonedTable[i].id = 'DTFC_Cloned';
        }
        $('#DTFC_Cloned thead tr:eq(1) th:last-child').append(
            '<span id="fixed_col_filter_container"></span>'
        );

        yadcf.init(
            datatable,
            [
                {
                    column_number:1,
                    filter_container_id:"fixed_col_filter_container",
                    filter_type:"text",
                    filter_delay:"500"
                },{
                    column_number:2,
                    filter_container_id:"pc-pc_statut-2",
                    filter_type:"text",
                    filter_delay:"500"
                },{
                    column_number:3,
                    filter_container_id:"pc-reference_dossier-2",
                    filter_type:"text",
                    filter_delay:"500"
                }
            ],
            {language: tabLanguage}
        );
    }
});

【问题讨论】:

  • yadcf 不能很好地与 FixedColumns 配合使用,尝试看看没有它是如何工作的,并尝试将 yadcf init 移出 initComplete,如果仍然不起作用 - 提供一个测试用例的链接
  • 对不起,这个更好:live.datatables.net/betupena/2/edit

标签: jquery datatable yadcf


【解决方案1】:

我为 yadcf 添加了修复程序并修复了您的代码,

获取最新的0.9.0.beta.23 并注意column_number 的值是从零开始的(第一列应该有column_number: 0 等等)

See it working here

【讨论】:

  • 您好,感谢您的提交!!!我已经获取了最新版本,并且 yadcf 完成了这项工作。还有一个问题:我如何向范围日期过滤器(或范围编号)宽度按钮 colvis 添加一个类(没有,用几行 JS 很容易,但用 colvis 就不行......)?我已经看到了其他过滤器的选项 style_class。对于引导集成,我需要在包装器上添加 input-group 并在输入上添加 form-control / input-sm 类。
  • 如果我的回答解决了您的问题,请将其标记为已接受,至于样式...最好的办法是像几天前的某人一样发送 PR,see this PR 因为我不会在不久的将来能够做到这一点
猜你喜欢
  • 2022-09-27
  • 2012-05-30
  • 2016-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-08-23
  • 2017-11-07
  • 2021-11-17
相关资源
最近更新 更多