[Plugin: WP-Table Reloaded] – custom commands and css won't work

Hi,

there likely is a problem in the JavaScript code.
Unfortunately I could not check or verify that, as the link you posted is not accessible. (The post is not published and anonymous users can not view drafts.) Can you maybe publish the page with the table?

Regards,
Tobias

Tobias, I work for a non-profit and maintain our website, which is WP. https://www.wku.edu/gifted. I am not a web developer, but I do have some limited skills and understanding. I am wanting to develop the Alum section of our website.

I would like our Alum section to look like this https://www.baylorschool.org/alumni/notablealums.aspx. In the old days (haha) I would have created a table for this in Dreamweaver but I don’t know enough about WP and short codes and the type of coding to know how to do this successfully. Do you have any tips for me?

Thanks for any advice you might have
Cara

Hi Cara,

I would actually not recommend a table for this. Tables should only be used for showing data, but not for doing the layout of a site, as that is not their semantic meaning.
Instead, I suggest contacting a theme developer who might be able to help you in a better way.

Best wishes,
Tobias

Sorry about that Tobias,

Here’s the published page: https://theswollenfox.com/philadelphia-concert-calendar-draft/

Hi,

thanks for the new link.
I had a look at the site and the source code.

As you have set the column widths by yourself, you will need to add a special command to the JavaScript Custom Commands, which you can find in the answer to the question “How can I set column widths?” in the FAQ on my website (https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/).

Additionally, can you please provide the code with which you tried to make that first column unsortable?

Best wishes,
Tobias

I tried this — “bAutoWidth”: false — but it didn’t seem to do anything, the 4th column still gets wider when you sort

for the unsortable column i tried this:

“aoColumns”: [ {“bSortbale”: false}, null, null, null ]

Hi,

there is a typo in the bSortbale. Is it just here or in your code as well?

And additionally to the "bAutoWidth": false, it might be needed to add the following CSS to the “Custom CSS”. Can you try that?

.wp-table-reloaded {
  width: auto!important;
}

Best wishes,
Tobias

the typo was in then code as well, good catch! can’t believe i didn’t notice that.

unfortunately adding that code to the custom css didn’t seem to fix it, the column is still getting wider when things are sorted. still can’t figure out what’s making it do that.

Hi,

no problem ??

One problem in column 4: There’s an entry for 01/14 which has invalid HTML for a link. Due to that, the HTML is displayed as text, but there is no chance for the browser to add a line break in that text, because there are no spaces in it. If you fix that, that might really help.

Best wishes,
Tobias

YES. that’s it! thank you so much tobias! i really appreciate you helping me out, you do amazing work in supporting this plugin and i know i’m not the only one who couldn’t have fixed things without your help. thanks so much!

Hi,

great to hear that this fixed it ??

Best wishes,
Tobias