title: how to hide Html table in angular4
body: <p>Actually I'm new in angular 4.I have created a table in angular 4 web api .I want like this - when I press the button(more details) show tables headings.but here the tables heading are not hidden .always show the elements like this</p>
  
  <p><a href="https://i.stack.imgur.com/j1SA1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j1SA1.png" alt="enter image description here"></a></p>
  
  <p>i want to show the table heading and details only cliking the more details button</p>
  
  <p>here is my html </p>
  
  <pre><code>     &lt;div class="col-md-6 col-sm-6 col-xs-12"&gt;
           &lt;div class="table-responsive"&gt;
               &lt;table class="table table-bordered count-Table table-responsive"&gt;
                   &lt;thead style="background-color: #859391;color: white;"&gt;
                       &lt;tr&gt;
                           &lt;th&gt; Godowns&lt;/th&gt;
                           &lt;th&gt; Quantity&lt;/th&gt;
                       &lt;/tr&gt;
                   &lt;/thead&gt;
                   &lt;tbody&gt;
                       &lt;ng-container *ngFor="let godown of godowns;"&gt;
                           &lt;ng-container *ngIf="'Godown'==godown.Location"&gt;
                               &lt;tr&gt;                                                                    
                                   &lt;td style="padding:0px;"&gt;&lt;div class="col-md-12 custom-td"&gt;{{godown.LocationName}}&lt;/div&gt;  &lt;/td&gt;
                                   &lt;td style="padding:0px;"&gt;&lt;div class="col-md-12 custom-td"&gt;{{godown.Stock}} &lt;/span&gt;&lt;/div&gt;  &lt;/td&gt;
                               &lt;/tr&gt;
                           &lt;/ng-container&gt;
                       &lt;/ng-container&gt;
                   &lt;/tbody&gt;
               &lt;/table&gt;
           &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>this is my ts file</p>
  
  <pre><code> moredetails() {
          this._enqService.FetchGodowndetails(this.itemID, this.userid)
              .subscribe(itemData =&gt;
                  this.godowns = itemData,
                  error =&gt; {
                      console.error(error);
  
                  });
      }
  </code></pre>