title: How I can hide table column's based on multi-select (values)?
body: <p>I am using Angular, I have a table with 3 columns, 2 of them are static and one is a dynamic (I mean I am using <code>ng-repeat</code>), actually this column (number 3) like a column for a months (April, June, etc), all I need is to show a multi select field in the html.</p>
  <p>When I select June + April + May, the table should be updated but also I need the values on the multi select field to be dynamic (according to the columns).</p>
  <p>This is my code</p>
  <pre><code>&lt;table class=&quot;table&quot; dir=&quot;rtl&quot;&gt; &lt;thead&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class=&quot;tg-col&quot;&gt;element&lt;/td&gt; &lt;td id=&quot;test&quot; class=&quot;tg-col&quot; ng-repeat=&quot;arrayItem in data.information&quot; class=&quot;tg-col&quot;&gt;{{::arrayItem.month}}    &lt;/td&gt; &lt;td class=&quot;tg-col&quot;&gt;total&lt;/td&gt; &lt;/tr&gt;
  </code></pre>