Jquery 从Datatable搜索窗格中剥离HTML

我正在尝试将搜索窗格用于数据表。但是，如下图所示，过滤器列中存在不需要的html元素。如何从搜索窗格中删除这些html元素。我的JS代码如下：

    <script type="text/javascript">
        $(document).ready(function() {
            var table = $('.table').DataTable({
                dom: 'Bfrtip',
                buttons: [
                        {
                            extend:    'searchPanes',
                            text:      '<i class="fa fa-files-o"></i>',
                            titleAttr: 'Advanced Filters'
                        }],
                
            });
        });
    
    </script>

$（文档）.ready（函数（）{
变量表=$（'.table'）.DataTable({
dom:'Bfrtip'，
按钮：[
{
扩展：“搜索窗格”，
文本：“”，
titleAttr:“高级过滤器”
}],
});
});

问题 我无法再现您面临的具体问题。但是，我也无法在搜索窗格中正确显示超链接文本

这似乎是因为SearchPanes插件的工作方式（我称之为bug）。我没有一个很好的解决办法。我尝试在列中使用渲染器，但也没有提供正确的显示

我的工作 因此，我建议使用一种简单的解决方法：

对于“Supervisor”列，创建一个新的隐藏列（

可见：false

），该列仅包含文本-无超链接：例如：

保持现有的“Institute”列不变。例如：

在

搜索窗格中

选项中，使用隐藏列而不是可见列

对包含链接文本的所有其他列重复上述步骤

这样，用户将在表中看到带有超链接的名称，并在搜索窗格中看到纯文本名称

过滤将正常工作-但您将根据隐藏列中的数据进行过滤

在我的测试示例中，我将名称显示为链接：

但窗格使用隐藏列中的纯文本数据：

---

您能向我们展示一下您的问题吗：（a）表格是如何填充的，以及（b）一些示例源数据？我在你的截图中看到的只是部分（无效）HTML。这表明源数据可能有问题。谢谢你的评论，我很抱歉回复太晚。我的网页在

A S Ansari

<a href="index.php?f=Supervisor&amp;q=A S Ansari">A S Ansari</a>