过滤数字前缀相同但后缀不同的数据表

Question

我正在使用dataTables作为学生的班级列表。我的一张桌子看起来像这样

学生名称||班级名称

维多利亚说||一年级

菲利普·嘿||一年级

斯蒂芬·周|三年级

玛丽安·布特||二年级

玛丽·勇敢||三年级

贝蒂·南希||表1

布莱特·汉森||中三

如果我在搜索框中输入“3级”，

斯蒂芬·周和玛丽·勇敢没有回来，

该表将返回类名称中包含单词Grade的所有五个成员。

如何使用搜索框仅返回三年级学生。

提前谢谢你。

Answer 1

首先，您需要禁用默认的搜索处理程序并附加您自己的处理程序。然后，在搜索函数中，您需要使用search()，并将正则表达式设置为true，将smart search设置为false，以便只返回精确匹配。

$('.dataTables_filter input', dt.table().container())
    .off('.DT')
    .on('keyup.DT cut.DT paste.DT input.DT search.DT', function(e) {
        table.search(`^${this.value}$`, true, false).draw();
    }

其中table是对DataTable的JQuery引用。例如。

const table = $('#tableId').DataTable();