title: How to show and hide a table column after checking a condition in every row in ng repeat loop angular js?
body: <p>I have a problem with show/hide column in a table with <code>ng-repeat</code> after checking a condition. Here is my code.</p>
  <pre><code>
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-12 col-no-pad-mob&quot;&gt;
          &lt;div class=&quot;content-box-with-label without-label with-data-view&quot;&gt;
              &lt;table class=&quot;table table-striped table-bordered table-hover table-responsive table-data-view&quot;&gt;
                  &lt;tr&gt;
                      &lt;th&gt; &lt;/th&gt;
                      &lt;th&gt;Fee Type&lt;/th&gt;
                      &lt;th&gt;Fee&lt;/th&gt;
                      &lt;th class=&quot;th_DSCR_Cal&quot;&gt;Capitalize&lt;/th&gt;
                      &lt;th class=&quot;th_DSCR_Cal&quot;&gt;Amortize&lt;/th&gt;
                      &lt;th&gt;Amortized Interest&lt;/th&gt;
                      &lt;th&gt;Recurring Fee&lt;/th&gt;
                      &lt;th class=&quot;boo-tbl-tr-config&quot;&gt;Setting&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr ng-repeat=&quot;amo in item.trialCalculation.listTrialAmortization | filter:{active: true}&quot;&gt;
                      &lt;td class=&quot;boo-tbl-tr-config&quot;&gt;
                          &lt;md-checkbox ng-model=&quot;amo.isApply&quot; ng-change=&quot;GenerateFee_ChangeEvent(item.trialCalculation.listTrialAmortization,amo, item)&quot; aria-label=&quot;Checkbox 1&quot; ng-value=&quot;amo.isApply&quot; ng-disabled=&quot;statusMatched == true&quot;&gt;&lt;/md-checkbox&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          {{amo.feeType}}
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;input class=&quot;form-control&quot; step=&quot;.01&quot; ng-model=&quot;amo.fee&quot; ng-readonly=&quot;statusMatched == true || amo.feeType ==='Stamp Duty'|| amo.feeType ==='Document Fee'|| amo.feeType ==='Introducer Fee'|| amo.feeType ==='Insurance Fee'&quot; ng-disabled=&quot;amo.isApply === false&quot;
                                 ng-pattern=&quot;/[0-9.,]+/&quot; format=&quot;number&quot; type=&quot;text&quot; ng-change=&quot;ResetAmortization_ChangeEvent(item.trialCalculation.listTrialAmortization,amo, item)&quot;&gt;
                      &lt;/td&gt;
                      &lt;td class=&quot;boo-tbl-tr-config&quot;&gt;
                          &lt;md-checkbox ng-model=&quot;amo.capitalize&quot; ng-change=&quot;ValidateCapitalize_ChangeEvent(item.trialCalculation.listTrialAmortization,amo)&quot; aria-label=&quot;Checkbox 1&quot; ng-disabled=&quot;statusMatched == true ||  amo.isApply == false || amo.isCapitalizeEnable == false || amo.amortize == true&quot;&gt;&lt;/md-checkbox&gt;
                      &lt;/td&gt;
                      &lt;td class=&quot;boo-tbl-tr-config&quot;&gt;
                          &lt;md-checkbox ng-model=&quot;amo.amortize&quot; ng-change=&quot;GenerateAmortization_ChangeEvent(item.trialCalculation.listTrialAmortization,amo, item)&quot; aria-label=&quot;Checkbox 1&quot; ng-value=&quot;amo.amortize&quot; ng-disabled=&quot;statusMatched == true ||  amo.isApply == false || amo.isAmortizeEnable == false || amo.capitalize == true&quot;&gt;&lt;/md-checkbox&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;input class=&quot;form-control&quot; step=&quot;.01&quot; ng-model=&quot;amo.amortizedInterest&quot; ng-disabled
                                 ng-pattern=&quot;/[0-9.,]+/&quot; format=&quot;number&quot; type=&quot;text&quot; ng-readonly=&quot;true&quot;&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;input class=&quot;form-control&quot; step=&quot;.01&quot; ng-model=&quot;amo.recurringFee&quot; ng-disabled
                                 ng-pattern=&quot;/[0-9.,]+/&quot; format=&quot;number&quot; type=&quot;text&quot; ng-readonly=&quot;true&quot;&gt;
                      &lt;/td&gt;
                      &lt;td ng-hide=&quot;statusMatched == true&quot; class=&quot;boo-tbl-tr-config&quot;&gt;
                          &lt;a href=&quot;#&quot; ng-show=&quot;cprinit.editable==true &amp;&amp; (amo.isCapitalizeEnable==false || amo.amortize==true)&quot;
                             ng-click=&quot;GenerateAmortization_ChangeEvent(item.trialCalculation.listTrialAmortization,amo, item)&quot; ng-disabled=&quot;amo.isApply === false || amo.amortize === false&quot;&gt;&lt;i class=&quot;fa fa-refresh&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;/td&gt;
  
                  &lt;/tr&gt;
                  &lt;tr ng-hide=&quot;statusMatched == true&quot; class=&quot;add_new_expen&quot;&gt;
                      &lt;td colspan=&quot;8&quot;&gt;
                          &lt;md-button class=&quot;md-fab md-mini md-primary inline-input&quot; data-toggle=&quot;modal&quot; data-target=&quot;#addincomemodal_{{$index}}&quot;&gt;
                              &lt;md-icon md-svg-src=&quot;~/Content/images/add-plus-button.svg&quot;&gt;&lt;/md-icon&gt;
                          &lt;/md-button&gt;
                          &lt;label class=&quot;label-addnewexpen&quot; data-toggle=&quot;modal&quot; data-target=&quot;#addincomemodal_{{$index}}&quot;&gt;Add New Fee Type&lt;/label&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>
  <p>I need to show settings column if only if all the data rows should be checked a condition and at least one row is passed the condition. If any of data row is not able to pass the condition the settings column should not be shown.</p>