始终选择yadcf外部过滤器下拉列表

时间:2016-07-15 10:21:07

标签: jquery datatables yadcf

我无法弄清楚这个。选择项目后,为什么下拉列表标记为蓝色?这是一个错误吗?下拉列表由yadcf生成,yadcf是jquery数据表的插件。我错过了什么吗?

示例代码:http://plnkr.co/edit/kpQabGuM6HYRPiI1Av1E?p=preview

示例图片:http://imgur.com/a/pZvxT

$(document).ready(function() {
    var table = $('#example').DataTable({
        "bLengthChange": false
    });

    yadcf.init(table, [
        {
            column_number: 1,
            filter_type: "select",          
            filter_container_id: "ddl",
            filter_delay: 500,
            filter_reset_button_text: false,
            style_class:"form-control"          
        },
        {
            column_number: 2,
            filter_type: "select",
            filter_delay: 500,
            filter_reset_button_text: false
        }
    ]);
});

1 个答案:

答案 0 :(得分:1)

这不是一个错误,它是一个功能!

正如您在jquery.dataTables.yadcf.css文件中看到的那样,有一部分;

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse {
    background: #8BBEF0;
}

如果您不想要这种蓝色,请在代码中使用white颜色覆盖此颜色。

<style>
.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse {
    background: #FFF;
}
</style>

您可以在此处查看工作示例:Plunker