Questions about functionality

  • Resolved byalik

    (@byalik)


    2 years, 10 months ago

    Hi,

    I have a few question about functionality:

    1.  Is it possible to display filters on the side rather than on top of the table?  Also is there a way to style them to look better (e.g. something like the filters on the side here https://revenuereports.com/listings/)

    2.  See here – https://etainsider.com/test/

    Right now, all the fields are displaying various options (sorting by different ways).  Also when you click into each field you see all the options there (which doesn’t seem realistic when there are going to be thousands of records).

    I would like it to look more like the attached image with a simplified version of the filters without option for sorting, and without displaying all the data when you click into the search areas.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    2 years, 10 months ago

    Hi @byalik,

    Thank you for reaching out!

    There is no default feature to display search panes on the side, but is possible using CSS. You can achieve this using the dom option in advanced settings. Just wrap the search panes in one div and all other elements in another div. This allows you to display the parent as a grid showing the search panes left and the other elements right.

    Using advanced settings is explained here:
    https://wpdataaccess.com/docs/data-tables-advanced-features/advanced-settings/

    Using the DOM option is explained here:
    https://datatables.net/reference/option/dom

    Your dom could like something like this:

    { "dom": "<'my-grid'<P><Blfrtip>>", "searchPanes": { "layout": "columns-1" } }

    The layout change is necessary to display all search panes below each other.

    Your CSS something like this:

    .my-grid {
	display: grid;
	grid-template-columns: 300px 1fr;
}

    You can change the layout of your search panes using CSS. But there are limitations.

    Does this help?

    Best regards,
    Peter

    Thread Starter byalik

    (@byalik)

    2 years, 10 months ago

    Thanks Peter.

    So you’re saying there’s no simple way to control the functionality of the filters/search panes? I’m just confused – if there are thousands of records, why would you possibly have them by default appearing below each search area.

    Plugin Contributor Kim L

    (@kimmyx)

    2 years, 10 months ago

    Hi @byalik,

    You need to enable cascading for your search panes so that all other options adjust to your initial option.

    Please add the following option for searchpanes:

    "cascadePanes": true

    If you’re following Peter’s code above, your complete dom would be:

    { "dom": "<'my-grid'<P><Blfrtip>>", "searchPanes": { "layout": "columns-1", "cascadePanes": true  } }

    Hope that helps! Let us know if you have more questions.

    Plugin Contributor Kim L

    (@kimmyx)

    2 years, 10 months ago

    Hi there,

    I’m going to mark this as resolved as we haven’t heard from you in a while.

    Feel free to create a new thread if you have other questions.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Questions about functionality’ is closed to new replies.