1 reply [Last post]
naresh05051984
naresh05051984's picture
Offline
newbie
Banglore
Last seen: 7 years 24 weeks ago
Banglore
Timezone: GMT+5.5
Joined: 2012-12-17
Posts: 3
Points: 6

I have a Table in my application. Table id is "joining_resumes_table". In that table i have 4 columns like this below

                                   <table>  
                                    <tr>
                                   <th> Name </th>
                                   <th> Requirement </th>
                                   <th> Joining Date </th>
                                   <th class ="hidden_by_default"> Accept Date </th>
                                    </tr>
                                    <tr>
                                     <td> .... </td>
                                     <td> .... </td>
                                     <td> .....</td>
                                      <td class ="hidden_by_default" > ..</td>
                                     </tr>  
 

I am toggling the 4th coloumn. Both td and th have same class name(hidden_by_default). My question is when i was toggling table th in visible mode and td in hidden mode. There is no synchronization between th and td of the 4th column.

my Jquery code:

$jq = jQuery.noConflict();
var elem = $jq('.hidden_by_default');
elem.toggle();

my css code:

#joining_resumes_table
{
  table-layout: fixed;
  width : 100%;
}
 
#joining_resumes_table .resume_name,
#joining_resumes_table .resume_requirement,
#joining_resumes_table .resume_joiningdate,
#joining_resumes_table .hidden_by_default
{
  width : 25%;
  position: relative;
}
 
#joining_resumes_table .color_line_odd .hidden_by_default,
#joining_resumes_table .color_line_even .hidden_by_default
{
  width    : 25%;
  display  : none;
  border   : none;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 21 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

As noted on the other thread

As noted on the other thread (please just edit your posts rather than start a new one, but thanks for sorting the code tags issue, reading posting guidelines is helpful in this respect) You have posted a scripting question to a CSS forum, however we provide off topic areas for such posts Beginners CSS' not really being suitable.

Moving.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me