Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show Cart


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.
    more...


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Data Tables

Add CSS class to a table cell
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Add CSS class to a table cell
#64289
Add CSS class to a table cell 6 Years, 2 Months ago Karma: 0
Hey there!

Is it possible to add a CSS class to a table cell based on it's content?

I'm dealing with a sports website and we need to display a list of clubs in a table. The source comes from a CSV on a remote server of the main sports association. I can easily display the table with it's contents but we would like to add some CSS styling specific to each one of the clubs. The table includes club names in each cell and we would like to add class based on that content of the cell.

Can it be done?
JxM
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64290
Re:Add CSS class to a table cell 6 Years, 2 Months ago Karma: 762
Hello,

Sorry, but the extension doesn't support this ability.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#64292
Re:Add CSS class to a table cell 6 Years, 2 Months ago Karma: 0
Thanks for the answer!

I guess in this case I might find a solution in jQuery? I’ve been doing sime research and maybe :contains function might help?
JxM
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64295
Re:Add CSS class to a table cell 6 Years, 2 Months ago Karma: 762
It seems the following javascript code can be used if want to add "red" CSS class for cells which contains 2018:

Code:

jQuery('.dataTable tbody td:contains("2018")').addClass('red')


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#64301
Re:Add CSS class to a table cell 6 Years, 2 Months ago Karma: 0
Hey!

I tried it, but it didn't work straight out of the box. Had to change it a bit, like this:

Code:
jQuery(function ($) {
  $('td:contains("Team 1")').addClass('team1');
});


Now it works great! Thanks! And Happy New Year!
JxM
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
Joomla components
ARI Data Tables
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009