Alphabet Search & Filter Widgets

  • Resolved callard

    (@callard)


    2 years, 11 months ago

    Hello Tobias,

    We’ve been experimenting with a new table that had been using alphabet search. In attempt to add filter variables to the search feature we then added column filters and column filter widgets.

    The column filters work wonders however there seems to be a conflict with alphabet search and the filter widget. Is there a way to incorporate these two features at the same time?

    Kind Regards,
    Callard

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To use both Alphabet Search and ColumnFilterWidgets with the table table, please add this to the “Custom Commands” text field on the table’s “Edit” screen:

    "dom": "AWlfrtip"

    These letters define the relative position of the elements, see https://datatables.net/reference/option/dom . The “A” is for the Alphabet Search and the W is for ColumnFilterWidgets.

    Regards,
    Tobias

    Thread Starter callard

    (@callard)

    Good Morning Tobias,

    Very cool, as always your fix works like a charm. And thank you for the Dom link, I’m not exactly sure whats going on there but I’ll have a look for the future.

    With the alphabet search, is there a way to have it sort from the second column? Our table makes more sense with the first column as a Hierarchical category and then the Alphabet from the 2nd column, as it has the most variation. It’s been switched for now but it would make the most sense if it can be arranged accordingly.

    Kindest Regards,
    Callard

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, I’m not aware of a direct way to choose a different column for the Alphabet Search. My suggestion would therefore be to work with duplicated columns: Just add a new first column and fill it with the same content as the (then) third column — and hide it from the visitor with CSS code, like

    .tablepress-id-123 .column-1 {
  display: none;
}

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alphabet Search & Filter Widgets’ is closed to new replies.