JavaScript控制table某列不顯示的方法

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頭控製成功，其他行失敗的情況

?

1 2 3 4 5 6 7 8 9 10 11

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程式設計有所協助。