How to build a table with Table sorter

Hi,

Table Sorter plugin works on tables created by raw HTML. You must know HTML before installing this plugin. If you already know HTML and have installed this plugin then this Demo will be helpful for you.

I have checked your above link. You have already installed Tablepress plugin to create tables. With Tablepress you can also sort tables without installing my plugin. So, ask this question on TablePress plugin forum as you are creating your table with it.

Thanks
Farhan.

Hi Farhan,

Tablepress doesn’t let you have 2 headings so I installed your plugin instead I have managed to code the table and add background colour but it doesn’t appear on the sortable column is there anyway of adding background colour to the table headers?

Hi

Formatting is done through CSS. This plugin also adds little css to the table header which you can override with your Theme’s CSS. But it seems that you could not override existing css with your own css. You can write css for table in your theme’s css.

Share your URL for the review.

Regards
Farhan

Hi Farhan here is the link https://www.travelshoppe.co.ke/accommodation-kenya/ if i add the background colour as on the 2nd to 4th column i loose the scrolling arrows. please advise. is there a styling code i can add?

Make a custom class in css named as custom-color.

Give it whatever background color you want.

Remove all the INLINE STYLE from your <th>. Add class in whichever td you want the background color. Just replace <th class=”header”>Single Room</th> to <th class=”header custom-color”>Single Room</th>.

That’s it.

Its still not working even with a custom css code https://www.travelshoppe.co.ke/accommodation-kenya/

Hi

Your CSS is not being shown on the front-end. There is a file in your theme’s folder style.css. Add this css at the end of that file:
.custom-color{background-color: #ddd;}

Regards
Farhan

Hi. Doesn’t work.

Can you provide me with your ftp? I will check it and resolve your issue. Contact me at [email protected]