Links not working with DataTables ColumnFilterWidgets

  • Resolved Mcnater

    (@mcnater)


    9 years, 10 months ago

    Hi…first off love the plugin…awesome job!

    I’m just having an issue with the extension DataTables ColumnFilterWidgets. It’s not a show stopper, but I thought I’d bring it up. I’m building a directory of local places at https://www.minnemamaadventures.com/directory. The site has reviews of local spots for parents to bring their kids. In the “Adventure” column, I link back to my review pages on my blog for each spot. These “Adventure” columns are URL links. The issue is that when you try and use the dropdown for “Adventure”, the names in the list look fine, but after you select one you get “No Data Found”. It’s like it can’t search for what you selected b/c its looking behind the scenes at the URL code and not the actual name.

    Does that make sense? Is it possible to have that working where you are selecting the URL “name” text in the dropdown, but after selection of a row, that is the only one shown? All the other columns work fine, so it has to be related to the URL.

    Thanks for listening and any help you can provide!

    https://www.ads-software.com/plugins/tablepress/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Yes, this is related to the column containing HTML code for links. That’s not supported by the ColumnFilterWidgets JS code.
    The workaround here is to create a copy of that “Adventure” column, but without the link HTML, i.e. just the names.

    You can then hide that second column with some CSS and hide the (not working) first dropdown with the datatables_columnfilterwidgets_exclude_columns parameter that is explained on the Extension’s web page.

    Regards,
    Tobias

    Thread Starter Mcnater

    (@mcnater)

    Ok that makes sense to me, I just don’t know how to hide the Name column from the display table with CSS like you mention. Do you have that documented? I know how to use the datatables_columnfilterwidgets_exclude_columns parameter as I’ve got that part working.

    I really appreciate the help.

    -Nate

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Nate,

    Good to hear that this will help!
    Some “Custom CSS” like

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

    with the correct column number should be enough.

    Regards,
    Tobias

    Thread Starter Mcnater

    (@mcnater)

    Great thanks!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter Mcnater

    (@mcnater)

    Sorry one more thing. I got it too work, but now the spacing seems off. I thought it was because of long URLs, so I went and shortened them all. Still though, the table seems to be pushing off the screen a bit, especially the “Search” box. You can see it here:

    https://www.minnemamaadventures.com/directory/

    Any ideas on this one? Would I just try and change the padding and or column width? I tried the padding but it didn’t seem to move anything.

    Thanks again!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    please try unchecking the “Horizontal Scrolling” checkbox. I have a feeling that is involved in this.

    Regards,
    Tobias

    Thread Starter Mcnater

    (@mcnater)

    Yes thanks! That fixed it on Desktop.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great! That’s good to hear!

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Links not working with DataTables ColumnFilterWidgets’ is closed to new replies.