{hero}

searchPanes.layout

Since: SearchPanes SearchPanes 1.0.0

Set the layout of how the panes are displayed on the page.
Please note - this property requires the SearchPanes extension for DataTables.

Description

By setting the searchPanes.layout parameter to columns-3, the panes will be displayed in 3 columns.

There are 6 sizes supported from 1 pane in a row to 6 panes in a row. Altering the number at the end of columns- will alter the number of panes on a row.

Type

string

Description:

By setting the searchPanes.layout to columns-%d the searchPanes are displayed in columns, with %d panes in each column.

Currently columns-%d is the only layout option supported though more may be added in the future.

Default

  • Value: false

The default value for the searchPanes.layout parameter is columns-3.

Example

Set the number of panes in a row to 2:

$(document).ready(function() {
    $('#example').DataTable( {
        searchPanes: {
            layout: 'columns-2'
        },
        dom: 'Pfrtip'
    });
});