如果你的表格是使用JavaScript框架(如jQuery)创建的,则可以使用以下代码来解决该问题:
$("#clear-filter-btn").click(function(){ $("#table").DataTable().search('').draw(); });
上面的代码假设你的“清除筛选”按钮的id为“clear-filter-btn”,你的表格的id为“table”。当单击清除筛选按钮时,它将从表格中删除当前的搜索过滤器,并重新绘制表格,以确保所有行都可见。
如果你使用的是原始JavaScript创建表格,则可以尝试以下代码:
var clearFilterBtn = document.getElementById("clear-filter-btn"); var table = document.getElementById("table").getElementsByTagName("tbody")[0]; var rows = table.getElementsByTagName("tr");
clearFilterBtn.addEventListener("click", function(){ for(var i = 0; i < rows.length; i++){ rows[i].style.display = ""; } });
这段代码假设你的“清除筛选”按钮的id为“clear-filter-btn”,你的表格的id为“table”。当单击清除筛选按钮时,它将循环遍历表格中的所有行,并将它们的显示样式设置为“”。这将显示所有行。