動的に作成したテーブルの特定の１列のみを非表示にしたい。

Question

前提・実現したいこと

Javascriptで動的にテーブルが作成されるようにしています。
その中で画面に表示したくないデータを非表示したいと考えております。
現段階で、テーブルの作成はすでにできています。
一部の特定の列だけ非表示したいのですが、実装できていない状態です。

例）
表示Ver
|A|B|C|ID
|:--|:--:|--:|
|省略|省略|省略|省略
|:|:|:|:
|:|:|:|:

非表示Ver

A	B	C
省略	省略	省略
:	:	:
:	:	:

上記の例のように、IDだけを非表示にしたいです。
自分で調べてみたのですが、それでも分からなかったのでどうか宜しくお願い致します。

該当のソースコード

var base = $('<table class="list_tbl">' + '<tr><th> A </th><th> B </th><th> C </th><th>ID</th>');
$.each(省略, function (index, val) {
   var htmlstr = ''
   htmlstr = htmlstr
           + '     <tr class="data-href" data-value="' + val.Data + '">'
           + '         <td>' + val.A + '</td>'
           + '         <td>' + val.B + '</td>'
           + '         <td>' + val.C + '</td>'
           + '         <td>' + val.ID + '</td>'
           + '     </tr>'

           省略
});

Comments

[m.ts10806]

単に作らなければ良いだけでは？
HTML上には必要ということでしょうか？
要件具体的に記載してください。

[Umashio]

いらなければ作らなければいいだけなのは分かります。
仕様として、IDには連番がふってあるので行をクリックしたときに、どの行をクリックしたのかを知りたいのでIDというデータが必要なのです。
ですので、その部分だけ非表示にできないかと考えています。

[yambejp]

具体的にどういうデータからどういうルールで非表示にするか例示ください

[Umashio]

特にこれといったルールはなく画面を表示した際にIDの部分が非表示になっていれば大丈夫です。
そんなに複雑ではないです・・・・

[yambejp]

「画面を表示した際にIDの部分」が何を基準にしているかわからない
ということを申し上げているのですが・・・

Answer 1

「そもそもHTMLに出さない」で良いかと

var base = $('<table class="list_tbl">' + '<tr><th> A </th><th> B </th><th> C </th>');
$.each(省略, function (index, val) {
   var htmlstr = ''
   htmlstr = htmlstr
           + '     <tr class="data-href" data-value="' + val.Data + '">'
           + '         <td>' + val.A + '</td>'
           + '         <td>' + val.B + '</td>'
           + '         <td>' + val.C + '</td>'
           + '     </tr>'
//省略
});

IDを何かに使いたいならdata属性で埋め込むなりhiddenに設定するなり

Comments

[Umashio]

HTMLに出さずにHiddenで取得することにしました。
ご回答ありがとうございました。

[m.ts10806]

用途が分からないので私には何とも言えません

Answer 2

４列目を表示しないならこんな感じ？

<style>
tr td:nth-child(4){display:none}
</style>