Display search panes filter items horizontally.

gallen

I am using a single search pane that ends up with a fairly large number of options, enough so a scroll bar is required. And the search pane itself takes up a lot more space than I'd like given that it's the only one, and that forces the table lower on the page.

What I'd like to do is the following:

• Have the options laid out horizontally. This should greatly reduce the space required for the search pane.
• Each option would only be as wide as the text.
• Have the options styled to look like buttons.

I have set up a working test case here: http://live.datatables.net/jigixuqe/16/edit

Is any of this possible?

Thanks!

kthorngren

I don't believe you can customize SearchPanes to layout horizontally. Each pane is a Datatable to take advantage of Datatable features, ie Select and scrolling, to manage the pane.

One option is to create your own elements and create a search plugin. Something like this:
http://live.datatables.net/wenaxuti/308/edit

This example shows how to get the column data to build the elements.

Kevin

colin

You could do something like this, here's the panes are stacked vertically alongside the table.

Colin