Response title
This is preview!
Move this topic
Binding of tablesorter in easytabs not working for several tables.
in Using jQuery Plugins
•
2 years ago
I would like to have one tableSorter per tab in the content.
Binding is only possible for one tab. In the other tabs, the table is hidden when using tablesorter.
Binding is only possible for one tab. In the other tabs, the table is hidden when using tablesorter.
What is wrong in the script and to do that tableSorter working for every tab.
I do not get any error message or hint in the console.
I do not get any error message or hint in the console.
1
Replies(12)
Leave a comment on jakecigar's reply
What is the solution then? Does anyone have a suggestion? Why should not it work with easytabs? Is there no possibility of an extension or a hook?
Leave a comment on Axl1's reply
Nobody here uses "easytabs". Contact the authors, after you’ve updated your invalid HTML.
JΛ̊KE
Leave a comment on jakecigar's reply
W3C Validator
These are things of fiddle that are objected to, which I have no control over. Usually put a lot of emphasis on order and validity in the script. Not much of the css is in it now, so maybe it does not look that good in the result of the browser.
Is there something like this in the web, where I have more possibilities or where everything is my script?
You just validated jsfiddle itself. Your page is in an iframe in that page and it was not validated at all.
JΛ̊KE
Leave a comment on Axl1's reply
You picked a plugin that is no longer in development and is not supported by the author. I would not start a new project with EasyTabs. The last updates was four years ago.
You can check the GitHub Issues to see if others have solutions to any problems. Or to commiserate with others stuck using a dead plugin.
Assuming it is THIS "Easy Tabs", and not some OTHER "Easy Tabs"
Always check the freshness date on your plugins! See if they are currently-maintained, if there are a lot of open Issues, etc.
You have SERIOUS HTML errors, including unclosed tags. You need to at least fix the serious errors first.
If you do not get any error messages, you're looking in the wrong place, or you need to use a better browser! (Chrome has the best inspection and debugging tools.)
Is this an update to an old project? You've used a LOT of obsolete HTML!
Then tell me, which tags are not closed by me and why W3C-Tool not found it. And normally the meta-Tags are set by fiddle itself. Which obolete, please make an example. Anyway, that's why your mail does not really help me at all.
Leave a comment on watusiware's reply
Is there something like this in the web, where I have more possibilities or where everything is my script?
Exactly the link Jake provided. "Validate by Direct Input" tab is already selected. Paste your HTML into the box.
Your Fiddle source will be missing <html><head> etc. and that will create some errors. You can ignore those or add the missing parts to make a complete document (that Fiddle doesn't require).
Every good HTML editor checks your HTML for you. Get a good HTML editor.
Leave a comment on watusiware's reply
I’ve come to the conclusion that tablesorter does not run well with easytabs. But, I did get something that works pleasantly…
- <script>
- var active = 0;
- $(function() {
- $('#tab-container1').easytabs({
- updateHash: true,
- defaultTab: "li:eq(" + active + ")",
- active: active
- })
- .on('easytabs:before', function(event, $clicked, $targetPanel, settings) {
- $("*", $targetPanel).removeAttr('style');
- });
- $(".panel-container table").each(function() {
- var table = $(this);
- table.tablesorter({
- theme: 'blue',
- widgets: ['zebra', 'scroller', 'filter'],
- widgetOptions: {
- filter_columnFilters: false,
- filter_saveFilters: true
- }
- });
- })
- });
- </script>
I hope you can make use of it.
JΛ̊KE
Leave a comment on jakecigar's reply
Hi Jake,
thank you very much for your effort. It shows that there is a solution here, even if the plugin should already be a bit outdated. I only use it for more elementary things and I did not realize it was depricated. Sometimes I still draw a blank like everyone anytimes and it's just fantastic to find people like you who can help someone with no intricacies and no hassle.
- $("*", $targetPanel).removeAttr('style');
This row is very crucial, but unfortunately I did not fully understand it.
Imagine a puppy leaving crap all over the house. That line of code cleans up everything the puppy left.
Some code left us with style="width:0;" all through the tab’s table. The tables were actually on your tabs, they were just invisible.
JΛ̊KE
Leave a comment on Axl1's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Axl1's question