HTMLのTableでフィルターをしたい

お世話になります。

目的
・サーバ上のCSVをTable表示させたい
・項目でフィルタを利用したい
・キーワードの入力ではなく、プルダウン等選択方式がよい

http://webparts.cman.jp/table/filter/
を参考にフィルターを実行したいのですが、
上記サイトでは「番号」の列はフィルタされておりません。

HTMLを修正して番号にフィルタのボタンを表示することはできましたが
ボタンをクリックしてもフィルタが実行されません。
番号でフィルタをかけるにはどのようにしたらよいでしょうか？

環境はWin10、IISです
ASPはレガシーASPです

よろしくお願いいたします。

yambejp

2021/10/29 10:36

csvファイルからデータをとるのですか？その場合aspは何に利用するのでしょうか？

pochi-_-

2021/10/29 11:26

ありがとうございます。読み込むcsvはカンマ区切りで作成する予定で、項目がファイルによって変わるため Vbscriptで読み込ませてtable表示させてましたそのためaspと書いてしまいましたが Csvのデータを利用する訳では無いので Jsで可能ならaspである必要はないです

行動規範の内容に同意します

回答1件

ベストアンサー

http://webparts.cman.jp/table/filter/

ここのフィルタについてですが、

JS
1function tFilterCloseOpen(argCol){
2 //==============================================================
3 //  フィルタを閉じて開く
4 //==============================================================
5 
6  // --- フィルタリストを一旦すべて閉じる -----------------------
7  for(var i=0; i < gTfColList.length; i++){
8    document.getElementById("tfList_"+gTfColList[i]).style.display = 'none';
9  }
10 
11  // --- 指定された列のフィルタリストを開く ---------------------
12  if(argCol != ''){
13    document.getElementById("tfList_"+argCol).style.display = '';
14 
15    // --- フィルタ条件の保存（キャンセル時に復元するため） -----
16    tFilterSave(argCol, 'save');
17 
18  }
19}

argCol（テーブル列のインデックス）が0の場合にargCol != ''がfalse判定されてしまうため、
指定された列のフィルタリストが開かないようです。

上記の関数を以下のように修正すれば使えるかもしれません。
（もしかしたら意図的に0インデックスを省いているのかもしれず、その場合は別の場所で不具合が生じるかもしれませんが）

JS
1function tFilterCloseOpen(argCol){
2 //==============================================================
3 //  フィルタを閉じて開く
4 //==============================================================
5 
6  // --- フィルタリストを一旦すべて閉じる -----------------------
7  for(var i=0; i < gTfColList.length; i++){
8    document.getElementById("tfList_"+gTfColList[i]).style.display = 'none';
9  }
10 
11  // --- 指定された列のフィルタリストを開く ---------------------
12  if(argCol !== ''){
13    document.getElementById("tfList_"+argCol).style.display = '';
14 
15    // --- フィルタ条件の保存（キャンセル時に復元するため） -----
16    tFilterSave(argCol, 'save');
17 
18  }
19}