Add class to specific table php or jquery solution?

Question

Im building wordpress theme based on bootstrap, and on default wordpress calendar widget, styling is not matched with bootstrap styling.

However it's very easy to match width of columns in calendar widget.

When widget is activated it's wrapped in

<table id="wp-calendar">

If i am somehow able to add class to that table with that specific id i would solve problem with styling.

So basically instead of

<table id="wp-calendar">

i need to have

<table id="wp-calendar" class="table table-responsive table-striped">

Is there solution to add class to that specific table with that id?

Some php function or jquery?

Ahmed Siouani · Accepted Answer · 2013-12-23 14:19:55Z

2

using jQuery,

$("#wp-calendar").addClass("table table-responsive table-striped");

edited Dec 23, 2013 at 14:19

Ahmed Siouani

13.9k12 gold badges63 silver badges73 bronze badges

answered Dec 22, 2013 at 18:16

Kishan

9356 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lonerunner Over a year ago

Thank you, i don't know which one to upvote and accept, you got all same answer so ill go with first one :P

Deryck · Accepted Answer · 2013-12-22 18:16:45Z

1

$('#wp-calendar').addClass('table table-responsive table-striped');

answered Dec 22, 2013 at 18:16

Deryck

7,6662 gold badges27 silver badges44 bronze badges

Comments

The Alpha · Accepted Answer · 2013-12-22 18:16:52Z

1

Using jQuery you may do it like:

// document ready
$(function(){
    $('#wp-calendar').addClass('table table-responsive table-striped');
});

answered Dec 22, 2013 at 18:16

The Alpha

147k30 gold badges294 silver badges313 bronze badges

Comments

David Thomas · Accepted Answer · 2013-12-22 18:17:02Z

1

Well, in jQuery the solution would look like:

$('#wp-calendar').addClass('table table-responsive table-striped');

References:

addClass().

answered Dec 22, 2013 at 18:17

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Comments

AlexP · Accepted Answer · 2013-12-22 18:17:19Z

1

You can obviously modify the raw HTML and hard code the class name

<table id="wp-calendar" class="table table-responsive table-striped">

Or You can use JQuery function addClass

$('#wp-calendar').addClass('table table-responsive table-striped');

answered Dec 22, 2013 at 18:17

AlexP

9,8571 gold badge28 silver badges44 bronze badges

Collectives™ on Stack Overflow

Add class to specific table php or jquery solution?

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related