任何方法将表格过滤器和列切换并排放在同一行上？

Question

是否可以将表格过滤器和列切换放在同一行？似乎没有办法控制列切换以将其放在您想要的位置。

Answer 1

将过滤器输入放在一个带有空单元格的表中，以进行列切换：

<table style="width: 100%">
    <tr>
        <td>
            <input id="filterTable-input" data-type="search" />
        </td>
        <td id="columnsTD" style="width: 82px; padding-top: 4px;">

        </td>
    </tr>
</table>

然后在代码中，将列切换按钮移动到空单元格中：

$(document).on("pagecreate", "#page1", function () {
    $(".ui-table-columntoggle-btn").appendTo($("#columnsTD"));;
});

  

这是 DEMO

注意：您不必使用表格。您可以使用jQM Grid或任何其他您喜欢的布局技术。