筛选 bootsrap-table 列中的多个锁屏提醒

Filter multiple badges in a bootsrap-table column

提问人:Lino 提问时间:2/10/2023 最后编辑:DharmanLino 更新时间:9/26/2023 访问量:95

问:

我有一个用 bootstrap-table 制作的表格,我有一个列“status”,其中单元格可以包含多个 html 徽章。

我有一个选择数据过滤器控件,但它无法正常工作。 第一个问题是我在过滤器选择中有 html 内容,如下所示:

enter image description here

我通过添加一个数据过滤器数据收集器解决了第一个问题,如下所示:

<th data-field="status" data-filter-control="select" data-align="center" data-filter-data-collector="tableFilterStripHtml">Status</th>

这里是 tableFilterStripHtml 的 js 代码:

window.tableFilterStripHtml = function (value) {
    return value.replace(/<[^>]+>/g, '').trim();
}

现在过滤器仍然无法正常工作。问题是我在过滤器的多行选择中有相同的数据。对于一行,我应该有一个数据,而不是多个数据。 看这个:

enter image description here

enter image description here

如何解决这个问题?

javascript html 过滤器 bootstrap-table 数据过滤

评论


答:

0赞 Lino 2/10/2023 #1

刚刚自己找到了解决方案,这里是js代码:

window.tableFilterStripHtml = function (value) {
    var badges = value.match(/<span[^>]*>(.*?)<\/span>/g) || [];
    return badges.map(function (badge) {
        return badge.replace(/<[^>]+>/g, '').trim();
    });
};