DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript控制table某列不顯示的方法教程
JavaScript控制table某列不顯示的方法教程
編輯:關於JavaScript     

本文實例講述了JavaScript控制table某列不顯示的方法。分享給大家供大家參考。具體實現方法如下:

1、table代碼
代碼如下:<table id="mytable" border="0" width="1400" align="center" 
  cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">
  <tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;">
      <tr class="gray12">
          <td width="120" bgcolor="#FFFFFF">日期</td>
          <td width="120" bgcolor="#FFFFFF">媒體名稱</td>
          <td width="200" bgcolor="#FFFFFF">投放形式</td>
          <td width="120" bgcolor="#FFFFFF">曝光次數</td>
          <td width="120" bgcolor="#FFFFFF">曝光人數</td>
          <td width="120" bgcolor="#FFFFFF">點擊次數</td>
          <td width="120" bgcolor="#FFFFFF">點擊人數</td>
          <td width="120" bgcolor="#FFFFFF">CTR</td>
          <td width="120" bgcolor="#FFFFFF">訪次</td>
          <td width="120" bgcolor="#FFFFFF">跳出次數</td>
          <td width="120" bgcolor="#FFFFFF">訪問深度</td>
          <td width="120" bgcolor="#FFFFFF">浏覽時長/秒</td>
          <td width="120" bgcolor="#FFFFFF">參與活動人數</td>
          <td width="120" bgcolor="#FFFFFF">辦理業務人數</td>
      </tr>
  </tbody>
  <tbody id="detail_id"></tbody>
</table>

2、js根據權限控制

注:如果數據是動態數據,當賦值完後再控制顯示td,否則會造成td頭控制成功,其他行失敗的情況

if (uname === "guest") {
 $("#mytable tr").each(function() {
   $(this).find("td").eq(7).css("display", "none");
   $(this).find("td").eq(8).css("display", "none");
   $(this).find("td").eq(9).css("display", "none");
   $(this).find("td").eq(10).css("display", "none");
   $(this).find("td").eq(11).css("display", "none");
   $(this).find("td").eq(12).css("display", "none");
   $(this).find("td").eq(13).css("display", "none");
 });
}

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved