javascript - TinyTable アプリケーションでフィールドをスキップする

Question

Advanced JavaScript Table Sorter – TinyTable V3を使用しています。

ソーターを適用すると、タイトル フィールドがドロップダウン リストに自動的に読み込まれます。

ドロップダウン リストを短くするために 1 つまたは 2 つのフィールドをスキップする方法を知っている人はいますか?

Answer 1

これが解決策です。

ソースでこれを見つけてください。

var o=document.createElement('option'); o.value=i; o.innerHTML=T$$('h3',c)[0].innerHTML; d.appendChild(o)

そしてそれを条件で囲みます：

if(c.className!='nosort'){
     var o=document.createElement('option'); o.value=i; o.innerHTML=T$$('h3',c)[0].innerHTML; d.appendChild(o)
}

Answer 2

アプリケーションとデモ ソースをざっと見てみると、セレクターがオプションでスクリプトに渡される ID を使用して HTML で宣言されていることがわかりますcolddid。

ソーターを適用した後、セレクターを見つけ、その子をトラバースし、不要なものを削除できます。次のように、デモの「すべての列」エントリを削除します。

var selector = document.getElementById ('columns');
for (el = selector.lastChild; el; el = el.previousSibling) {
  // Traverse from last to first so that deletions do not disturb scan 
  if (el.innerHTML === 'All Columns') {
    selector.removeChild (el);
  }
}

警告 : これはテストされておらず、ソースを詳細に調べて、この操作が問題を引き起こすかどうかを判断しませんでした。適切にテストしてください。