首页 > 解决方案 > jQuery Datatable 的搜索框在搜索框上方有搜索文本

问题描述

我有一个数据表如下:

var exTable1 = $("#exTable").DataTable({
    "language": {
        "search": "Filter",
        "searchPlaceholder": "search",
        "loadingRecords": "",
    },
    data: datasrc
    "dom": '<"top"lf>rt<"bottom"p><"clear">',
    "select": true,
    "processing": true,
    "scrollX": true,
    "scrollY": 80,
    'columnDefs': [{
        'targets': 0,
        'orderable': false,
        'className': 'dt-body-center',
        'render': function(data, type, full, meta) {
            return '<input type="checkbox">';
        }
    }],
});

这将显示搜索框,如下所示: 搜索框

如何在搜索框旁边获取过滤器文本

标签: javascriptjquerydatatables

解决方案


将以下内容添加到 css 文件中就可以了:

.dataTables_filter input {
       display: inline-block !important;
}

推荐阅读