title: How can I remove vertical scrolling in datatable if I zoom 67%
body: <p>In my html <code>Jquery data table</code> I don't want vertical and horizontal scrolling 
  so in normal zoom(100%) that table are display properly this is good but if I reduce zoom(67%) at that time vertical scrolling are come so how can I remove this vertical scrolling?</p>
  
  <p>This is my normal image that I want</p>
  
  <p><img src="https://i.stack.imgur.com/VRh2A.png" alt="Normal image"></p>
  
  <p>This image is for 67% zoom</p>
  
  <p><img src="https://i.stack.imgur.com/1FdIg.png" alt="67% zoom image"></p>
  
  <p>Here is my datatable code:</p>
  
  <pre><code>&lt;table  datatable="ng" dt-options="table.dtOpt_SalesEntry" dt-column-defs="table.dtColDefs_SalesEntry" class="row-border hover table-responsive display nowrap"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_sr'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_qtyorder'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_qtypur'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_unit'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_uprice'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Feb.&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Labor&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Material&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Nre.&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Stencil&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Design&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Other&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_action'| translate}}&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tfoot&gt;
      &lt;tr&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_sr'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_qtyorder'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_qtypur'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_unit'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_uprice'| translate}}&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Feb.&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Labor&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Material&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Nre.&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Stencil&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Design&lt;/th&gt;
          &lt;th class="thbg"&gt;Charge Other&lt;/th&gt;
          &lt;th class="thbg"&gt;{{'salesorder.sales_action'| translate}}&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;tbody&gt;
      &lt;tr ng-repeat="list in table.process_data.sale_entry"&gt;
          &lt;td&gt;{{ $index + 1}}&lt;/td&gt;
          &lt;td&gt;{{ list.qty_ordered}}&lt;/td&gt;
          &lt;td&gt;{{ list.qty_purchased}}&lt;/td&gt;
          &lt;td&gt;{{ list.entryunit}}&lt;/td&gt;
          &lt;td&gt;{{ list.unit_price}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_fab}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_labor}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_material}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_nre}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_stencil}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_design}}&lt;/td&gt;
          &lt;td&gt;{{list.charge_other}}&lt;/td&gt;
          &lt;td&gt;
              &lt;button type="button" class="btn btn-sm btn-warning tbar" ng-click="table.editEntry($index);table.SalesEntryInput = true" uib-tooltip="{{'crm.TOOLTIPMSG.EDITBUTTON'|translate}}" uib-tooltip-trigger="focus" uib-tooltip-placement="top" &gt;&lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;button class="btn btn-sm btn-danger tbar" ng-click="table.demo5('entry', list.id)" uib-tooltip="{{'crm.TOOLTIPMSG.DELETEMSG'|translate}}" uib-tooltip-trigger="focus" uib-tooltip-placement="top" &gt;&lt;i class="fa fa-trash-o fa-lg"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>