Datatables YADCF选择-带有自定义选项

Datatables YADCF选择-带有自定义选项,datatables,jquery-select2,yadcf,Datatables,Jquery Select2,Yadcf,有一个表,其中包含一些通过提供ajax从服务器加载到DataTable的数据,还有用于服务器端过滤的yadcf。在其中一列中,我有select2框,在我想要看到的内容中,只有预定义的(从服务器加载)选项(在JSFIDLE的示例中,它是optvariable),但select2中的选项也包含来自该列的数据。如何禁用添加列数据,并保持仅从服务器选项加载 https://jsfiddle.net/6ssh8mg4/ 代码: 您应该使用该属性(对于数据/标签属性),阅读文档 这是一个工作样本 var

有一个表,其中包含一些通过提供ajax从服务器加载到DataTable的数据,还有用于服务器端过滤的yadcf。在其中一列中,我有select2框,在我想要看到的内容中,只有预定义的(从服务器加载)选项(在JSFIDLE的示例中,它是
opt
variable),但select2中的选项也包含来自该列的数据。如何禁用添加列数据,并保持仅从服务器选项加载

https://jsfiddle.net/6ssh8mg4/
代码:

您应该使用该属性(对于数据/标签属性),阅读文档

这是一个工作样本

var opts = [{value:0, label:"Some 1"},{value:1, label:"Some 2"}];
var table = $("#docTable").DataTable({
    processing: true,
    serverSide: false,
    paging: true,
    ordering: true,
    deferRender: true,
    pageLength: 10,
    lengthMenu: [[10, 50, 100, -1], [10, 50, 100, "All"]],
    columns: [
       { "data": "Identifier", className: "nowrap" },
       { "data": "Name" },
    ]
 });

yadcf.init(table, [
    { 
    column_number: 0, filter_type: "text", style_class: "form_control", filter_default_label: "" },
    {
        data: opts,
        column_number: 1, filter_type: "select", select_type: "select2", filter_default_label: "",
        select_type_options: {
            width: '180px',
            dropdownAutoWidth: true,
        }
    },
]);

var opts = [{value:0, label:"Some 1"},{value:1, label:"Some 2"}];
var table = $("#docTable").DataTable({
    processing: true,
    serverSide: false,
    paging: true,
    ordering: true,
    deferRender: true,
    pageLength: 10,
    lengthMenu: [[10, 50, 100, -1], [10, 50, 100, "All"]],
    columns: [
       { "data": "Identifier", className: "nowrap" },
       { "data": "Name" },
    ]
 });

yadcf.init(table, [
    { 
    column_number: 0, filter_type: "text", style_class: "form_control", filter_default_label: "" },
    {
        data: opts,
        column_number: 1, filter_type: "select", select_type: "select2", filter_default_label: "",
        select_type_options: {
            width: '180px',
            dropdownAutoWidth: true,
        }
    },
]);