title: How to add space between table cells `td`?
body: <p>I want to make modal window like window explorer when you see there is file column and Date with sort function, I got that working. I removed all borders from table, Now i want to add space between columns  <code>td</code> cell. how can I do that with CSS ?</p>
  
  <p>main.css</p>
  
  <pre><code>table {
      border:none !important;
      border-spacing: 10px !important;
  }
  </code></pre>
  
  <p>main.html</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;File&lt;/th&gt;
          &lt;th&gt;
              &lt;p ng-click="sortType = 'fileDate'; sortReverse = !sortReverse"&gt;
                  Date
                  &lt;span ng-show="sortType == 'fileDate' &amp;&amp; !sortReverse" class="glyphicon glyphicon-chevron-down"&gt;&lt;/span&gt;
                  &lt;span ng-show="sortType == 'fileDate' &amp;&amp; sortReverse" class="glyphicon glyphicon-chevron-up"&gt;&lt;/span&gt;
              &lt;/p&gt;
          &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr ng-repeat="file in data | orderBy:sortType:sortReverse"&gt;
          &lt;td ng-click="downloadServerFile(file.filename)" class="noBorder"&gt;{{file.filename}}
              &lt;p class=" text-danger current-file-text" ng-if="file.mostRecent"&gt;&lt;small&gt;current file recording in progress&lt;/small&gt;&lt;br&gt;&lt;/p&gt;
          &lt;/td&gt;
          &lt;td class="noBorder"&gt;{{file.fileDate |date : 'medium'}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>