L'ajout de 'tfoot' empêche Cumulative_Filtering de fonctionner

Question

J'aimerais utiliser cumulative_filtering et faire en sorte que les filtres s'affichent dans le pied de page et non dans l'en-tête. Ces deux fonctionnalités fonctionnent seules, mais lorsque j'inclus les deux options ensemble, le cumulative_filtering ne fonctionne pas (l'option tfoot fonctionne toujours). Comment puis-je utiliser ces deux options ensemble ? Merci !

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

Filtrage cumulatif : http://yadcf-showcase.appspot.com/cumulative_filtering.html

Selon la documentation - "Les filtres peuvent être placés dans l'en-tête (thead) ou dans le pied de page (tfoot) , deuxième argument du constructeur yadcf ou troisième argument de la fonction init".

Answer 1

La documentation est un peu floue (elle sera bientôt mise à jour à propos de cette fonctionnalité), De toute façon, puisque vous voulez spécifier l'emplacement des filtres et utiliser le cumulatif, vous devez l'utiliser de la manière suivante

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

Il s'agit soit du troisième argument sous forme de chaîne (pour la position), soit du troisième argument pour un objet avec filters_position et "footer" comme valeur.