Javascript 在客户端使用输入文本筛选数据表

我有一个HTML页面，头部有一些脚本，我有一个ID=example的DataTable，还有一个button ID=“btnFilter”，它应该根据用户在其他“input Text tags”中键入的内容过滤DataTable中的数据。 我在网上找到了很多变体，但我不能做任何我想做的事情

这是我的HTML，其中有输入和标签标签，用户将在其中键入要筛选的文本：

<table id="filterLog" class="table table-striped">
            <thead>
                <h4>Table</h4>
            </thead>
            <tfoot>
                <th>
                </th>
            </tfoot>
            <tbody>
                <tr>
                    <td><label class="input-group">From:</label></td>
                    <td><label class="input-group">To:</label></td>
                    <td><label class="input-group">Created:</label></td>
                    <td><label class="input-group">Comp:</label></td>
                </tr>
            </tbody>
            <tr id="linhasFiltro">
                <td><input class="form-control" type="date" id="date1" /></td>
                <td><input class="form-control" type="date" id="date2" /></td>
                <td><input class="form-control" type="text" id="creator" maxlength="15" /></td>
                <td><input class="form-control" type="text" id="cLog" maxlength="10"/></td>
            </tr>
            <tr>
                <td colspan="4"><label class="input-group">Type:</label></td>
            </tr>
            <tr>
                <td colspan="1">
                    <select id="tipoLog" class="form-control">
                        <option>Error</option>
                        <option>Test</option>
                        <option>Info</option>
                    </select>
                </td>
                <td><input type="button" value="Filter" id="btnFilter" class="btn btn-primary" />&nbsp;&nbsp;<input type="button" id="btnExport" value="Exportar" class="btn btn-primary" /></td>
            </tr>
            <tr class="border:0px;">
                <td colspan="6" id="consiError"  ></td>
            </tr>
        </table>

桌子
发件人：
致：
创建：
公司：
类型：
错误
测验
信息

我想要的是，当用户在输入id=“cLog”中键入并单击btnFiltrar时，DataTable必须显示在等效列中具有相同文本的所有行

---

Thx各位

请在接下来的问题中尽量说得更具体些，告诉我们你已经尝试了什么。 人们不应该写下你的解决方案，你应该写下你已经尝试过的，你的问题是什么，人们会帮助你

看看DataTables插件：

数据表的工作示例：

HTML:

除上述代码外，还加载了以下Javascript库文件以供本例使用：

//code.jquery.com/jquery-1.12.4.js

加载以下CSS库文件，以便在此示例中使用，以提供表格的样式：

---

我知道我在这里发帖已经有一段时间了，但我还是这样做了

函数过滤器（$（“#cLog”）.val（））{
if（！（$（“#阻塞”）.val（）==“-默认值-”）{
tabelaProjetos.columns（）.every（函数（）{
var columnRelated=dataTableName.column（1）；
if（columnRelated.search（）！=$（“#cLog”）.val（））{
专栏相关
.search（$（“#cLog”）.val（））；
}
});
}
}

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>
        <tr>
            <td>Garrett Winters</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$170,750</td>
        </tr>
        <tr>
            <td>Ashton Cox</td>
            <td>Junior Technical Author</td>
            <td>San Francisco</td>
            <td>66</td>
            <td>2009/01/12</td>
            <td>$86,000</td>
        </tr>
        <tr>
            <td>Cedric Kelly</td>
            <td>Senior Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$433,060</td>
        </tr>
    </tbody>
</table>

$(document).ready(function() {
    $('#example').DataTable();
} );