テーブルの特定の列を非表示に制御するJavaScriptメソッド_JavaScriptスキル

この記事の例では、JavaScript を使用してテーブルの特定の列を表示しないように制御する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

1. テーブルコード

コードをコピー コードは次のとおりです:

b61cf0bb100d2cff518ebd5d38537da7
5e19b231ecff925197346f0251d9675b
16ef4d53f751a90f0f79bd2102406772
fe5602380d379978c165c9c69bb0972a日付b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aメディア名b90dd5946f0946207856a8a37f441edf
1bf5df3baaba1d206e08ccff872c6f1d配布フォームb90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972a露出数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972a暴露された人の数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aクリック数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aクリック数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aクリック率
fe5602380d379978c165c9c69bb0972a訪問数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aバウンス数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972aアクセス深度b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972a表示時間/秒b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972a参加者数b90dd5946f0946207856a8a37f441edf
fe5602380d379978c165c9c69bb0972a業務担当者数b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
ca745a59da05f784b8811374296574e1
e1902e99e1cb8e0c7b2f1befab9216aeca745a59da05f784b8811374296574e1
f16b1740fad44fb09bfe928bcc527e08

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 プログラミング設計に役立つことを願っています。