• Resolved fashioncoree

    (@fashioncoree)


    Hi, Tobias!

    I got a weird issue with the DataTables ColumnFilterWidgets extension.

    I do get the dropdown to filter by columns just fine, but selecting a option does nothing.

    I’m using this short-code on my site :
    [table id=”5″ responsive=collapse datatables_columnfilterwidgets=true datatables_columnfilterwidgets_exclude_columns=1,2,3,4/]

    I’ve disabled all other plugins as I though it might’ve been a compatibility issue but nothing changed.
    Tried adding the short code inside the theme instead, still the same issue.

    I’m at a standstill, you got any pointers?

    Best Regards

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter fashioncoree

    (@fashioncoree)

    Hi again, Tobias!

    Thank you for such a quick reply, I would love to but the site is part of a intranet and can not be accessed from outside. Sorry..

    You haven’t heard of anything like this? just a tip as to what it could be?
    I could try to setup a test site but it’ll take time.

    Best Regards

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, bummer ?? Unfortunately, I can only make guesses about the cause then ??

    Do the entries in the dropdown maybe contain ampersands &, quotation marks ", or HTML code (like HTML code for links)? Those have caused such problems in the past.

    Regards,
    Tobias

    Thread Starter fashioncoree

    (@fashioncoree)

    I’m not sure if it’ll help but this is the output I get.
    I removed the phone and e-mail information.

    <div class="dataTables_wrapper" id="tablepress-5_wrapper">
        <div class="column-filter-widgets">
            <div class="column-filter-widget">
                <select class="widget-4">
                    <option selected="selected" value="">Choose a value</option>
                    <option value="Test1">Test1</option>
                    <option value="Test2">Test2</option>
                    <option value="Test3">Test3</option>
                </select>
            </div>
        </div>
        <table style="width: 1080px;" aria-describedby="tablepress-5_info" role="grid" id="tablepress-5" class="tablepress tablepress-id-5 dataTable dtr-inline">
            <caption style="caption-side:bottom;text-align:left;border:none;background:none;margin:0;padding:0;"><a href="https://127.0.0.1/wp/wp-admin/admin.php?page=tablepress&action=edit&table_id=5">Edit</a></caption>
            <thead>
                <tr role="row" class="row-1 odd">
                    <th aria-label="Name: activate to sort column ascending" style="width: 88px;" colspan="1" rowspan="1" aria-controls="tablepress-5" tabindex="0" class="column-1 sorting">Name</th>
                    <th aria-label="Surname: activate to sort column ascending" style="width: 155px;" colspan="1" rowspan="1" aria-controls="tablepress-5" tabindex="0" class="column-2 sorting">Surname</th>
                    <th aria-label="Phone: activate to sort column ascending" style="width: 96px;" colspan="1" rowspan="1" aria-controls="tablepress-5" tabindex="0" class="column-3 sorting">Phone</th>
                    <th aria-label="E-mail: activate to sort column ascending" style="width: 331px;" colspan="1" rowspan="1" aria-controls="tablepress-5" tabindex="0" class="column-4 sorting">E-mail</th>
                    <th aria-label="Value: activate to sort column ascending" style="width: 270px;" colspan="1" rowspan="1" aria-controls="tablepress-5" tabindex="0" class="column-5 sorting">Value</th>
                </tr>
            </thead>
            <tfoot>
                <tr class="row-5 odd">
                    <th colspan="1" rowspan="1" class="column-1">Name</th>
                    <th colspan="1" rowspan="1" class="column-2">Surname</th>
                    <th colspan="1" rowspan="1" class="column-3">Phone</th>
                    <th colspan="1" rowspan="1" class="column-4">E-mail</th>
                    <th colspan="1" rowspan="1" class="column-5">Value</th>
                </tr>
            </tfoot>
            <tbody class="row-hover">
                <tr role="row" class="row-2 even">
                    <td class="column-1">Anders</td>
                    <td class="column-2">Karlsson</td>
                    <td class="column-3">Phonenumber</td>
                    <td class="column-4">E-mail</td>
                    <td class="column-5">Test1</td>
                </tr>
                <tr role="row" class="row-3 odd">
                    <td class="column-1">Annelie</td>
                    <td class="column-2">Larsson</td>
                    <td class="column-3">Phonenumber</td>
                    <td class="column-4">E-mail</td>
                    <td class="column-5">Test2</td>
                </tr>
    			<tr role="row" class="row-4 odd">
                    <td class="column-1">Anna</td>
                    <td class="column-2">Harem</td>
                    <td class="column-3">Phonenumber</td>
                    <td class="column-4">E-mail</td>
                    <td class="column-5">Test3</td>
                </tr>
            </tbody>
        </table>
        <div aria-live="polite" role="status" id="tablepress-5_info" class="dataTables_info">Showing 1 to 10 of 13 entries</div>
        <div id="tablepress-5_paginate" class="dataTables_paginate paging_simple"><a id="tablepress-5_previous" tabindex="0" data-dt-idx="0" aria-controls="tablepress-5" class="paginate_button previous disabled">Previous</a><a id="tablepress-5_next" tabindex="0" data-dt-idx="1" aria-controls="tablepress-5" class="paginate_button next">Next</a></div>
    </div>
    Thread Starter fashioncoree

    (@fashioncoree)

    Tobias, it’s as you said, I created a new table with limited characters and it worked.
    I got the Swedish ??? in a few of the columns, could that be the issue?

    Edit : ??? was not the issue, still looking into this.

    Edit2 : I found it, it was a special character lurking deep down.
    Thank you so much for pointing me in the right direction!

    You’re amazing!
    Best Regards

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, now I see! Is the “Search/Filter” feature (checkbox) activated for this table? It’s necessary for the dropdowns to work.

    You can then (if desired) hide the actual search text field with “Custom CSS” on the “Plugin Options” screen, like

    #tablepress-5_filter {
      display: none;
    }

    Regards,
    Tobias

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    oh, looks like you edited your post and added your findings. That special character could also be it. Nice find!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Issue with column sorting!’ is closed to new replies.