title: Angularjs Custom Directive for table creation
body: <p>I want to create a angularjs directive which can be used in many pages, The directive should handle the html table creation, It can have different columns depending upon the requirement of the page. What should be the starting point to write this directive where user we can have different columns in different pages but having one directive only.</p>
  
  <p>Example can be for home page</p>
  
  <pre><code> &lt;table&gt;
        &lt;tr&gt;
          &lt;th&gt;Firstname&lt;/th&gt;
          &lt;th&gt;Lastname&lt;/th&gt; 
          &lt;th&gt;Age&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Jill&lt;/td&gt;
          &lt;td&gt;Smith&lt;/td&gt; 
          &lt;td&gt;50&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Eve&lt;/td&gt;
          &lt;td&gt;Jackson&lt;/td&gt; 
          &lt;td&gt;94&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>for about page</p>
  
  <pre><code>&lt;table style="width:100%"&gt;
    &lt;tr&gt;
      &lt;th&gt;Company&lt;/th&gt;
      &lt;th&gt;Address&lt;/th&gt; 
      &lt;th&gt;City&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Eve&lt;/td&gt;
      &lt;td&gt;Jackson&lt;/td&gt; 
      &lt;td&gt;94&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>