Quantcast
Channel: DataTables 1.10 — DataTables forums
Viewing all articles
Browse latest Browse all 2364

How to change SearchPane Layout for popup search pane to display more than 3 columns wide?

$
0
0

When I use the following code for a popup search pane it has no effect on the number of columns displayed, it still only displays 3 columns wide.

How do I change the number of columns displayed in the popup searchPane windows? I want to increase to more than 3.

       transponderDataTable = $('#transponders-table').DataTable({
         searchPanes: {
            layout: 'columns-6'
         },

         buttons: {
                buttons: [
                    {
                        "extend": "searchPanes",
                        "text": "Search",
                        attr: {
                            title: "Search",
                        }
                    }
               ],

          columnDefs: [
                {
                    searchPanes: {
                        show: true
                    },
                    targets: [3, 5, 6, 7, 8, 9, 10, 11, 12]
                },
                {
                    searchPanes: {
                        show: false
                    },
                    targets: [0, 1, 2, 13]
                }
            ],
 
...

This is what displays when I click the SEARCH PANE button.


Viewing all articles
Browse latest Browse all 2364

Trending Articles