JqueryDatatable 按列自定义过滤

如何解决JqueryDatatable 按列自定义过滤

嗨，我正在使用 Jquery 数据表。它适用于简单的数据表。它可以按列搜索和排序 我正在使用的链接

 <link href="~/content/vendor/DataTables-1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet">
    <script src="~/content/vendor/DataTables-1.10.18/js/jquery.dataTables.min.js"></script>

所以我想添加一些额外的按钮。 1.从下拉列表中按所选项目过滤。 2.按日期范围过滤 3.PDF和Excel导出。

我尝试了这个例子，但没有一个有反应。就像没有添加任何东西一样。

1. 此链接生成下拉菜单，但未显示在我的桌子上。 http://live.datatables.net/tamixov/1/edit

2.这使得日期范围，但我不能用我的databesle。我复制了 js 代码 http://plnkr.co/edit/mdeEYoZtnvpfHCdtSxDP?p=preview&preview

3.在js文件中

 $(document).ready(function () {
             
           
              //zero confg. datatable. It works
            $('#datatable-table-4').DataTable({
                responsive: true,"order": [[5,"desc"]],//But I need to add theese.buttons are not showing but in this example it shows
//https://datatables.net/extensions/buttons/examples/initialisation/export.html
                buttons: [
                    'copy','csv','excel','pdf','print'
                ]
            });

在html下面的js

<table class="table table-striped border" id="datatable-table-4">
                                            <thead>
                                                <tr>
                                                    <th>Col1</th>
                                                    <th>Col2</th>
                                                    <th>Col3</th>
                                                    <th>Col4 Datetime</th>
                                                    <th>Col5 Datetim</th> 
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach (var item in Model.List)
                                                {
                                                    <tr class="odd">
                                                        <td>
                                                            @item.Name
                                                        </td>

                                                        ...

新

我在数据表上方添加了这段代码

<div class="form-group row mt-4">
                                                  
        Minimum Date:
        <input name="min" id="min" type="text">

        Maximum Date:
        <input name="max" id="max" type="text">
    
    <label class="col-md-12 text-left">Category</label>
    <div class="col-md-12">
        <select class="form-control w-100" onchange="categoryChange()" id="categorySelect">
            <option disabled selected value="0">Seçiniz</option>
            @{
                var list = Model.List2.Select(x => x.Category).distinct().ToList();
                foreach (var item in list)
                {
                    <option value="@item.Id">@item.Name</option>

                }
            }
        </select>
    </div>
</div> 

我可以显示下拉列表，也可以获取选定的值，但如何通过选定的值服务器端过滤它。