本文實例講述了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>
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根據權限控制
- 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");
- });
- }
注：如果數據是動態數據，當賦值完后再控制顯示td，否則會造成td頭控制成功，其他行失敗的情況
學習交流
- HTC M8怎么換主題 M8換主題方法12-23
- 錘子手機如何開啟單手撥號面板12-23
- OPPO R7拍照音如何關閉12-23
- LG G3如何開啟來電翻轉靜音12-23
- 兩種方式登錄FTP10-30
- 查看一個頂級域名下所有的二級域名10-30
- 用HOSTS文件屏蔽網站 建立網站映射的方法10-30
- 域名狀態及其意義總結10-30
- 二級域名原理以及程序，申請即可開通10-28
熱門圖片
猜你喜歡的新聞
新聞熱點
2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答
圖片精選