title: Default Column are not displayed in Material Design Data Table (iamisti/mdDataTable)
body: <p>I am trying to populate the <code>&lt;mdt-column&gt;</code> inside of <code>&lt;mdt-header-row&gt;</code> dynamically with an array from controller. This piece of code doesn't seem to work properly: </p>
  
  <p><code>hide-column-by-default="c.selector_hidden"</code> </p>
  
  <p>When loading the table default columns are not displayed. Some columns are set as default and are excluded from the "column-selector", so even after selecting all columns in the selector these columns are not displayed. </p>
  
  <p><strong>When i set <code>...columnSelector: false}...</code> in table-card it shows me my columns, but the functions to select column is gone!?</strong></p>
  
  <p>How can i fix this?</p>
  
  <p>This is the mdt-header-row:</p>
  
  <pre><code>&lt;mdt-header-row&gt;
  &lt;mdt-column 
  hide-column-by-default="c.selector_hidden" 
  exclude-from-column-selector="c.selector_exclude" 
  column-sort="c.sort" 
  sortable-rows-default="c.sort_default" 
  column-key="{{c.key}}"  
  align-rule="{{c.align}}" 
  column-definition="{{c.definition}}" 
  ng-repeat="c in tableHeader"&gt;&lt;span&gt;{{c.name}}&lt;/span&gt;&lt;/mdt-column&gt;
  
  &lt;/mdt-header-row&gt;
  </code></pre>
  
  <p>The Data is comming from this Array in controller:</p>
  
  <pre><code>$scope.tableHeader = [
          {
              name: 'Dessert (100g serving)',
              definition: '',
              align: 'left',
              sort: true,
              sort_default:false,
              hidden: false,
              selector_exclude:false,
              selector_hidden:false
          },...
  </code></pre>
  
  <p>I also created a fork for it:
  <a href="https://codepen.io/anon/pen/JJQyKN?editors=1111" rel="noreferrer">https://codepen.io/anon/pen/JJQyKN?editors=1111</a></p>