title: How can I refresh my table content from the child component in the parent component with click event?
body: <p>I have created a table in the child component and also stored a refresh function in it. Now I would like to call this in my parent component and execute it by clicking on the button. Can you please tell me how I can realize this?</p>
  <p>My Code:</p>
  <pre><code>// Child-Component
  
  ngOnInit() {
  this.refresh();
  }
  
    /**
     * Refresh Data Table
     */
    public refresh() {
      if (!this.isLoading) {
        this.all = false;
        this.clearRows();
        this.loadData();
      }
    }
  
    public clearRows() {
      const formArray = this.salesAreaForm.get('rows') as FormArray;
      formArray.clear();
    }
  
  </code></pre>
  <pre><code>// Parent-Component
  
  &lt;button&gt;Refresh Child-Component&lt;/button&gt;
  &lt;app-child-component&gt;&lt;/app-child-component&gt;
  </code></pre>