HTMLで表をソートしたい、IEのみ動作しない

Question

前提・実現したいこと

htmlでエクセルのようフィルタができる表を作っています。
javaは以下サイト参照。
https://webparts.cman.jp/table/filter/

chrome、firefoxでは問題なく動作するのですが、
IEだとフィルタのボタンが表示されません。

何日もうまくいかず悩んでおりまして、
ご教授いただけますと幸いです。

環境：Windows10、IE11、エンタープライズモード有効
（エンタープライズモードが無効だと動作しましたが、都合上エンタープライズモードは無効にできません）

発生している問題・エラーメッセージ

IEだとフィルタボタンが表示されません。

該当のソースコード

 //===============================================================
 //  フィルタテーブルの共通変数　設定要！
 //===============================================================
var gTabldID = 'sampleTable';  // テーブルのエリアのIDを設定
var gTfStartRow = 0;
var gTfColList  = [];             // ボタンが配置されている列番号
var gTfListSave = {};             // フィルタリストの保存状態
 
 //===============================================================
 //  オンロードでテーブル初期設定関数をCALL
 //===============================================================
window.onload = function() {
  tFilterInit();
}

function tFilterInit(){
 //==============================================================
 //  テーブルの初期設定
 //==============================================================
  var wTABLE  = document.getElementById(gTabldID);
  var wTR     = wTABLE.rows;
  var wAddBtn = '';
 
  // ------------------------------------------------------------
  //   テーブル内をフィルタボタンを付ける
  // ------------------------------------------------------------
  for(var i=0; i < wTR.length; i++){
 
    var wTD     = wTABLE.rows[i].cells;
 
    for(var j=0; j < wTD.length; j++){
 
      // --- 「cmanFilterBtn」の定義があるセルを対象とする ------
      if(wTD[j].getAttribute('cmanFilterBtn') !== null){
 
        // --- フィルタ対象はボタンの次の行から -----------------
        gTfStartRow = i + 1;
 
        // --- ボタンを追加（画像はsvgを使用） ------------------
        wAddBtn  = '<div class="tfArea">';
        wAddBtn += '<svg class="tfImg" id="tsBtn_'+j+'" onclick="tFilterCloseOpen('+j+')"><path d="M0 0 L9 0 L6 4 L6 8 L3 8 L3 4Z"></path></svg>';
        wAddBtn += '<div class="tfList" id="tfList_'+j+'" style="display:none">';
        wAddBtn += tFilterCreate(j);
        wAddBtn += '</div>';
        wAddBtn += '</div>';
        wTD[j].innerHTML = wTD[j].innerHTML+wAddBtn;
 
        // --- フィルタボタンなる列を保存 -----------------------
        gTfColList.push(j);
      }
    }
 
    // --- ボタンを付けたら以降の行は無視する -------------------
    if(wAddBtn != ''){
      gSortBtnRow = i;
      break;
    }
 
  }
}

・・・省略・・・

</script>

試したこと

cmanFilterBtn　をclassにして試してみましたが、うまくできず。。
（そもそもやり方が間違っているのかもしれませんが）

Comments

[maisumakun]

ブラウザコンソールに何かしらのエラーが出ていませんか？

[ss_u]

コメントありがとうございます。
確認しましたが、特にエラーは出ておらず、メッセージは3件でていました。

HTML1300: ナビゲーションが発生しました。
HTML1203: (ドメイン名) は、グループ ポリシーにより、互換表示で実行するように構成されています。
HTML1122: Internet Explorer is running in Enterprise Mode emulating IE8.

Answer 1

Internet Explorer is running in Enterprise Mode emulating IE8

ということは、IE8相当でJavaScriptを書く必要があります。ES3相当となるので、今では資料もなくかなり面倒な作業になるかと思います。

Comments

[ss_u]

ありがとうございます。
ただでさえ詳しくないので、IE8相当のjavaは諦めます。

該当ページだけエンタープライズモードが解除できないか探した方が良いですかね。
エンタープライズモードはグループポリシーで設定しています。

[ss_u]

グループポリシーで、該当ページのみエンタープライズモードがオフになるよう設定しました。
ヒントをいただけてとても助かりました。
ありがとうございました。

Answer 2

よくわからないならjQueryのテーブルソーターとか利用すると良いと思います

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"></script>
<script>
$(function(){
  $('table').tablesorter();
});
</script>

Comments

[ss_u]

アドバイスいただきありがとうございます。
他の方法で解決いたしました。

次回javaで困ったときに活用させていただきます。