fashioncoree

Hi, medan!

Thank you, I will give that a try.

Best Regards

Hi, medan!

Thank you so much for replying, sounds amazing, I will eagerly await this new feature ??

I will mark this as solved.

Best Regards

• This reply was modified 8 years, 1 month ago by fashioncoree.
• This reply was modified 8 years, 1 month ago by fashioncoree.

Hi again!

Fixed it with a bit of jquery instead.

/* Hide tabs on load */
$(document).ready(function() {
    $(".tabs li").removeClass('active');
});

Best Regards

Hi!

Thank you so much for coming back to me, it seems like ACF: TablePress conflicts with Jquery updater. I did some testing, and while Jquery updater disables the included Jquery in WordPress, ACF: Tablepress enables it again? If I disable ACF: Tablepress it works as expected.

So with only Jquery updater and tablepress enabled the jquery that’s loaded is the newest version.
If I then enable ACF: Tablepress there’s two versions being loaded, the one included with WordPress and the one from Jquery updater.

I will mark this as resolved but might be something to take a look at?

Best Regards

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

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>

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

Hi, Kat!

I’m changing this to resolved as the new 3.7 release will fix the issue!! Can’t wait ??

Best Regards

Hi again, Mark!

Really looking forward to the new features, I use contact form 7, but have my colleagues use Bootstrap Forms because it’s so darn easy to understand / get into ??

Best Regards

Hi again!

Sorry to bother, it worked again after a complete reinstall of the plugin so I’m not sure what caused the issue.

Thanks!

Best Regards

Hi again, Tobias!

Thank you so much for giving me the link, it led me to THIS

I couldn’t solve this with the css parameter display, as I got several tables on the same page.
I decided to add a function to the toggle-button instead and came up with this:

// Recalculate table width on click, for responsiveness inside collapseable panel

function collapsebutton() {
    setTimeout(waitasec, 500);
}
function waitasec() {
    $('.tablepress').DataTable()
        .columns.adjust()
        .responsive.recalc();
}

And on the button just a simple onclick :
onclick=”collapsebutton()”

I had to set a timeout because the table did not load quick enough resulting in the function running before the table was displayed.
I’m just writing my solution here if someone else happen to find themselves in a similar situation.

Thank you once again, Tobias!

Best Regards

Sorry, the page is on a Intranet, not accessible from outside.

The theme I’m using requires v2.0 or later, if I include both jQuery versions will I encounter any conflicts between the two?

Thank you so much for your help!

Best Regards

update : I figured out what function the theme was using and looked it up on the net, found a similar function that seems to work great with the built in jQuery.

Sry to bother you, thanks! ??

Hi again!

Thank you so much, I seem to be able to figure it out with that.

Great plugin, thanks again!

Best Regards

Hi again, Tobias!

Ok, that’s unfortunate. I will have to figure something out ??
How would I got about styling the buttons etc with custom css?

Best Regards

Thank u, Kat!

I will have a look at the link.

Best Regards