如何调整数据表 DOM 元素

Question

我有两个问题：

1. 有谁知道如何在一行中制作搜索栏和标签？ （红色圆圈）目前它的 2 行。 如果可能，最好使用dom 属性。或任何其他简单快捷的方法。
2. 如何去除表头和正文之间的空格？ （黄色空间）。欢迎css, js 方法！ 这是我的数据表初始化：

table = $('#serviceItemList').DataTable({
    processing: true,
    serverSide: true,
    scrollResize: false,
    scrollY: 300,
    scrollCollapse: true,
    paging: false,
    info: false,
    createdRow: function (row, data, dataIndex) {
        $(row).attr('data-id', data.id);
    },
    dom: 'Bfrtip',
    ajax: {
        'url': "/serviceitem/list",
        'type': "POST",
        'data': function (data) {
            data.zone = zone;
        }
    },
    columns: [
        { data: 'checkbox', name: 'items[]' },
        { data: 'DT_RowIndex', name: 'DT_RowIndex' },
        { data: 'zone', name: 'zone', orderable: true, },
        { data: 'code', name: 'code', orderable: true, },
        { data: 'description', name: 'description', searchable: true },
    ],
    select: {
        style: 'multi',
        selector: 'td:first-child'
    },
});

Answer 1

您可以通过检查元素并查找其类名来尝试它，然后您可以将显示属性设置为无 对搜索栏执行相同操作并将 float 属性设置为 left