No replies
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 id="joining_resumes_table">
      <tr>
        <th class="resume_name">        Name         </th>
        <th class="resume_requirement"> Requirement  </th>
        <th class="resume_joiningdate"> Joining Date </th>
        <th class="hidden_by_default">  Accept Date  </th>
      </tr> 
 <tr>
  <td class = "resume_name"> .... </td>
  <td class = "resume_requirement"> .... </td>
  <td class = "resume_joiningdate"> .....</td>
  <td class ="hidden_by_default" > ..</td>
 </tr>
 </table>

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.and one more thing perfect view in chrome not in mozilla firefox.

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;
}

Please Help me!

//mod edit: This the third duplicate post, and asks about js, not css. Moved to Off Topic, and comments are closed. Refer to your earlier posts. ~gt