JavaScriptは、テーブルに列を表示しない方法を制御します

この記事では、表示されないテーブル列を制御するJavaScriptの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。

1。テーブルコード

次のようにコードをコピーします。

CellPadding = "3" Cellpacing = "1" Bgcolor = "＃dfdfdf">

<tbody id = "tbody1" style = "背景：＃e4e9f0; font-weight：bold;">

<tr>

<td bgcolor = "＃ffffff"> date </td>

<td bgcolor = "＃ffffff">メディア名</td>

<td bgcolor = "＃ffffff">フォームのパッティング</td>

<td bgcolor = "＃ffffff">エクスポージャーの数</td>

<td bgcolor = "＃ffffff">暴露数</td>

<td bgcolor = "＃ffffff">クリック</td>

<td bgcolor = "＃ffffff">クリック数</td>

<td bgcolor = "＃ffffff"> ctr </td>

<td bgcolor = "＃ffffff">訪問</td>

<td bgcolor = "＃ffffff">バウンス数</td>

<td bgcolor = "＃ffffff">アクセス深度</td>

<td bgcolor = "＃ffffff"> browse time/second </td>

<td bgcolor = "＃ffffff">参加者の数</td>

<td bgcolor = "＃ffffff">ビジネスハンドラーの数</td>

</tr>

</tbody>

<tbody id = "detail_id"> </tbody>

</table>

2。JSは、権限に従って制御します

注：データが動的データの場合、割り当て後のTDの制御表示が完了します。それ以外の場合、TDヘッダーの制御が成功し、他の行が失敗します。

 if（uname === "guest"）{$（ "＃mytable tr"）。各（function（）{$（this）.find（ "td"）。eq（7）.css（ "display"、 "none"）; $（this）.find（ "td"）。eq（8）.cs（ "display"、 "none"）; $（this）。 $（this）。

この記事がみんなのJavaScriptプログラミングに役立つことを願っています。