Javascript Yii2数据表过滤器

我正在使用Fedemotta（）的Yii2和DataTables扩展。现在我需要为我的表添加列过滤器。所以我要这么做

$(document).ready(function() {

$('#datatables_cards-list').append('<tfoot><tr></tr></tfoot>');
$('#datatables_cards-list thead th').each( function () {    
    var title = $(this).text();
    $('#datatables_cards-list tfoot tr').append( '<th rowspan="1" colspan="1"><input type="text" placeholder="Шукати '+title+'" /></th> ' );
} );

// DataTable
var table = $('#datatables_cards-list').DataTable();

// Apply the search
table.columns().every( function () {
    var that = this;

    $( 'input', this.footer() ).on( 'keyup change', function (e) {
        e.preventDefault();
        if ( that.search() !== this.value ) {
            that
                .search( this.value )
                .draw();
        }
    } );
} );
} );

---

您是如何配置数据表的code@MuhammadOmerAslam刚刚编辑了我的问题，为什么你要通过javascript添加过滤器，而你已经在搜索中使用了dataprovidermodel@MuhammadOmerAslam因为它没有显示在我的表中。它适用于GridView，但不适用于DataTables

DataTables::widget([
                    'dataProvider' => $cards,
                    'filterModel'=>$fModel,
                    'id'=>'cards-list',
                    'clientOptions'=>[
                        'language'=>Yii::$app->params['dataTablesLang'],
                    ],
                    'columns' => [
                         'balance',
                          .....
                    ]
               ]);