Datatables 向数据表添加更多选项

我有这个：

<script type="text/javascript">
    $(document).ready(function(){
        $('#example').dataTable({
            "iDisplayLength": 50,
            "sPaginationType": "full_numbers",
            "aaSorting": [[6, 'asc']]
        })
        .columnFilter({
            aoColumns: [ 
                {
                    type: "select",
                    values: [
                        'La Noscea',
                        'Black Shroud',
                        'Thanalan',
                        'Coerthas',
                        'Mor Dhona'
                    ]  
                },
                {
                    type: "select",
                    values: [
                        'Western La Noscea',
                        'Middle La Noscea',
                        'Eastern La Noscea',
                        'Lower La Noscea',
                        'Upper La Noscea',
                        'Outer La Noscea',
                        'Eastern Shroud',
                        'South Shroud',
                        'Central Shroud',
                        'North Shroud',
                        'Western Thanalan',
                        'Eastern Thanalan',
                        'Southern Thanalan',
                        'Northern Thanalan',
                        'Central Thanalan',
                        'Coerthas Central Highlands',
                        'Mor Dhona'
                    ]  
                },
                { type: "text" },
                { type: "select", values: [ 'S', 'A', 'B']  }
            ],
        });
    });
</script>

$（文档）.ready（函数（）{
$（'#示例'）。数据表({
“iDisplayLength”：50，
“sPaginationType”：“完整编号”，
“aaSorting”：[[6，‘asc']]
})
.柱形过滤器({
AO列：[
{
键入：“选择”，
价值观：[
“La Noscea”，
“黑裹尸布”，
“Thanalan”，
“科瑟斯”，
“莫多纳”
]  
},
{
键入：“选择”，
价值观：[
“西拉诺斯卡”，
“中拉诺斯卡”，
“东拉诺斯卡”，
“下拉诺斯切亚”，
“上拉诺斯切亚”，
“外拉诺斯卡”，
“东裹尸布”，
“南裹尸布”，
“中央裹尸布”，
“北裹尸布”，
“西部塔纳兰”，
“东塔纳兰”，
“南塔纳兰”，
“北塔纳兰”，
“中部塔纳兰”，
“中央高地的科塔萨斯”，
“莫多纳”
]  
},
{type:“text”}，
{键入：“选择”，值：['S'，'A'，'B']}
],
});
});

我想补充一点：

$(document).ready(function() {
    $('#example').dataTable({
        "dom": '<"toolbar">frtip'
    });

    $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');
} );

$（文档）.ready（函数（）{
$（'#示例'）。数据表({
“dom”：“frtip”
});
$（“div.toolbar”）.html（“自定义工具栏！文本/图像等”）；
} );

我尝试了100种不同的方法，有人能帮我吗？也许还可以告诉我，如果我想添加更多的东西，我应该寻找什么

非常感谢。

我让它工作了：

<script type="text/javascript">
    $(document).ready(function () {
        $('#example').dataTable({
            "iDisplayLength": 50,
            "sPaginationType": "full_numbers",
            "aaSorting": [[6, 'asc']],
            "dom": '<"toolbar">frtip'
        })
        .columnFilter({
            aoColumns: [ 
                {
                    type: "select",
                    values: [
                        'La Noscea',
                        'Black Shroud',
                        'Thanalan',
                        'Coerthas',
                        'Mor Dhona'
                    ]  
                },
                {
                    type: "select",
                    values: [
                        'Western La Noscea',
                        'Middle La Noscea',
                        'Eastern La Noscea',
                        'Lower La Noscea',
                        'Upper La Noscea',
                        'Outer La Noscea',
                        'Eastern Shroud',
                        'South Shroud',
                        'Central Shroud',
                        'North Shroud',
                        'Western Thanalan',
                        'Eastern Thanalan',
                        'Southern Thanalan',
                        'Northern Thanalan',
                        'Central Thanalan',
                        'Coerthas Central Highlands',
                        'Mor Dhona'
                    ]  
                },
                { type: "text" },
                { type: "select", values: [ 'S', 'A', 'B']  }
            ],
        });

        $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');
    });
</script>

$（文档）.ready（函数（）{
$（'#示例'）。数据表({
“iDisplayLength”：50，
“sPaginationType”：“完整编号”，
“aaSorting”：[[6，‘asc']]，
“dom”：“frtip”
})
.柱形过滤器({
AO列：[
{
键入：“选择”，
价值观：[
“La Noscea”，
“黑裹尸布”，
“Thanalan”，
“科瑟斯”，
“莫多纳”
]  
},
{
键入：“选择”，
价值观：[
“西拉诺斯卡”，
“中拉诺斯卡”，
“东拉诺斯卡”，
“下拉诺斯切亚”，
“上拉诺斯切亚”，
“外拉诺斯卡”，
“东裹尸布”，
“南裹尸布”，
“中央裹尸布”，
“北裹尸布”，
“西部塔纳兰”，
“东塔纳兰”，
“南塔纳兰”，
“北塔纳兰”，
“中部塔纳兰”，
“中央高地的科塔萨斯”，
“莫多纳”
]  
},
{type:“text”}，
{键入：“选择”，值：['S'，'A'，'B']}
],
});
$（“div.toolbar”）.html（“自定义工具栏！文本/图像等”）；
});