datatables - 添加 'tfoot' 会阻止 Cumulative_Filtering 工作

Question

我想使用累积过滤并将过滤器显示在页脚中，而不是标题中。这两个功能都可以单独工作，但是当我将两个选项一起包含时，cumulative_filtering 不起作用(tfoot 选项仍然有效)。我怎样才能同时使用这两个选项？谢谢!

yadcf.init(table, [
    { column_number: 1, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 2, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 3, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 4, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 6, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 7, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 8, filter_reset_button_text: false, select_type: 'select2', column_data_type: "html", html_data_type: "text" }
    ],
    'footer',
    { cumulative_filtering: true }
)

累计过滤:http://yadcf-showcase.appspot.com/cumulative_filtering.html

根据文档 - “过滤器可以放置在页眉 (thead) 或页脚 (tfoot)、yadcf 构造函数的第二个参数或 init 函数的第三个参数中”

Answer 1

文档有点不清楚(很快就会更新有关此功能的信息)， 无论如何，由于您想指定过滤器位置并使用累积值，因此您应该按以下方式使用它

yadcf.init(table, [
    { column_number: 1, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 2, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 3, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 4, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 6, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 7, filter_reset_button_text: false, select_type: 'select2' },
    { column_number: 8, filter_reset_button_text: false, select_type: 'select2', column_data_type: "html", html_data_type: "text" }
    ],
    {
        filters_position: 'footer',
        cumulative_filtering: true 
    }
)

它的第三个参数可以是字符串(用于位置)，也可以是带有 filters_position 键和“footer”作为值的对象的第三个参数。