用Javascript进行表格排序

用Javascript进行表格排序,javascript,html,html-table,filtering,Javascript,Html,Html Table,Filtering,我正在处理一个带有过滤功能的表,我可以让它在fiddle中实现某种功能,但当我将它弹出回DW并测试页面时,它会丢失功能。我已经尝试了页面上的脚本并插入到页面中,我不知道下一步该转到哪里,因此任何帮助都将不胜感激。我意识到它不完整,所有的复选框都没有正确设置,但我真的想知道(此时)为什么我在dreamweaver中失去了功能-更正当我通过dreamweaver在浏览器中测试时,我还上传到了测试服务器,但仍然没有任何功能 我相信JTable会解决你的问题 您需要以给定示例的格式传递数据,它将允许对

我正在处理一个带有过滤功能的表,我可以让它在fiddle中实现某种功能,但当我将它弹出回DW并测试页面时,它会丢失功能。我已经尝试了页面上的脚本并插入到页面中,我不知道下一步该转到哪里,因此任何帮助都将不胜感激。我意识到它不完整,所有的复选框都没有正确设置,但我真的想知道(此时)为什么我在dreamweaver中失去了功能-更正当我通过dreamweaver在浏览器中测试时,我还上传到了测试服务器,但仍然没有任何功能


我相信JTable会解决你的问题

您需要以给定示例的格式传递数据,它将允许对数据进行筛选、搜索和分页


引用荷马·西姆波森的话:“别人不能做吗?”。也不要在Dreamweaver中测试,它不是浏览器,而是在浏览器中测试。我已经很久没有使用Dreamweaver了,它甚至可以在预览中运行javascript吗?我强烈建议不要通过将类数组与空字符串(
classes==”
)进行比较来检查类数组是否为空。我认为
classes.length==0
是您需要的。我正在多个浏览器中进行测试,我只是不明白为什么我的脚本有时在小提琴中运行,而在浏览器中却完全不起作用。我也尝试过tablsorter.js,但我需要复选框。我看了JTable,唯一的问题是我需要使用复选框对html表进行过滤和关闭。由于客户端限制,我无法使用数据库。我有一个按复选框排序的表,但需要根据匹配的复选框条件筛选结果。对于基于复选框的筛选器,我确信您需要编写自定义代码
$("input[name='filterStatus'], select.filter").change(function () {
    var classes = [];
    var stateClass = ""

    $("input[name='filterStatus']").each(function() {
        if ($(this).is(":checked")) {
            classes.push('.'+$(this).val());
        }
    });

    $("select.filter").each(function() {
        if ($(this).val() != 'ZZ') {
            stateClass += "." + $(this).val();
        }
    });

    if (classes == "" && stateClass == "") {
        // if no filters selected, show all items
        $("#StatusTable tbody tr").show();
    } else {
        // otherwise, hide everything...
        $("#StatusTable tbody tr").hide();

        // then show only the matching items
        rows = $("#StatusTable tr" + stateClass).filter(classes.length ? classes.join(',') : '*');
        if (rows.size() > 0) {
            rows.show();
        }
    }