title: Bootstrap Responsive table columns sizes
body: <p>I'm having static(when scrolling on lower screens it stays on same place), fixed size first column(100px) in responsive table by Bootstrap. What i want is to have others columns same size each (of the rest space: 100%-100px) with min-width css(so when it comes lower responsive starts to works). And I don't know how much non static columns i will have so col-md/xs.. are not appropriately. </p>
  
  <p>In 
  <a href="https://i.stack.imgur.com/hpSKi.png" rel="nofollow noreferrer">photo</a> there is thead with dates which should share remaining space, but only to min-width for example 80px. If lower then responsive should work. Anyway I want to make timetable.</p>
  
  <p>Code source:</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
  &lt;table class="table table-condensed table-bordered" ng-if="showTable"&gt;      
      &lt;thead&gt;
          &lt;tr style="background-color: #455A64; color: #FFFFFF;"&gt;
              &lt;th style="background-color:#F5F5F5;"&gt;&lt;/th&gt;
              &lt;th ng-repeat="..." ng-if="..." id="{{...}}"&gt;{{ ... }}&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="..." ng-if="..."&gt;
              &lt;td style="text-align:center;background-color:#607D8B; color:#FFFFFF"&gt;{{ ... }}&lt;/td&gt;
              &lt;td ng-repeat="..." rowspan="{{...}}" ng-if="..."&gt;{{ ... }} &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>And one more thing. I don't want to text in td to go over table border. So it should adjust to size of td.</p>