SearchPanes 呈现

SearchPanes 允许与 DataTables 已提供的呈现函数完全集成 (columns.render)。使用渲染器主要是为了让你能够修改输出，而不修改原始数据。有关如何创建自己的渲染函数的详细信息，可以 在此 找到。在某些情况下 SearchPanes 还使用正交数据，有关正交数据的详细信息，可以 在此 找到。

使用 SearchPanes 进行基本呈现

考虑以下常见的呈现函数

{ 
    data: "salary", 
    render: $.fn.dataTable.render.number( ',', '.', 0, '$' ) 
}

我们在此将每行工资列中的原始数据呈现为更具可读性和易于理解的格式。在这种情况下 SearchPanes 会自动检测渲染函数，并且以与 DataTable 相同的格式显示数据。在搜索表格时，将在表格的原始数据上执行搜索。

在定义以下自定义呈现函数时

{ 
    data: "salary", 
    render: function(data, type, row){
        if(row.salary <= 200000){
            return "Low";
        }
        else if (row.salary <=800000){
            return "Medium";
        }
        else if (row.salary > 800000){
            return "High";
        }
        else {
            return "Other";
        }
    } 
}

渲染函数也会以与 DataTable 相同的方式显示数据。但是现在它将筛选这些选项。

使用 SearchPanes 呈现数组

考虑以下呈现函数

{ 
    data: "permission",
    render: {
        _: '[, ].name',
        sp:'[].name'
    },
    searchPanes: {
        orthogonal:'sp'
    }
}

数组格式中的原始数据将作为包含分隔符 ', ' 的 string 显示在 DataTable 中。SearchPanes 将为数组中的每个不同元素提供一个选项。在搜索这些选项时，原始数组中包含该选项的任何行都将显示出来。