title: Show the datepicker inside the overflow-hidden div?
body: <p>In my bootstrap table (I use <code>slimScrole</code>) there are date pickers (jquery datetimepicker plugin) in the data rows.
  Because of the <code>jquery slimScrole</code> the <code>table</code> outer div is <code>overflow: hidden;</code>. So the data picker is going to inside the div and can't show as below screen shot. 
  <a href="https://i.stack.imgur.com/T2unF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T2unF.png" alt="enter image description here"></a></p>
  
  <p>How could it show the datepicker that in inside the <code>overflow: hidden;</code> div ?
  below is the code for the datpicker input. The inline CSS part is coming from the<code>slimslider</code> jquery plugin.</p>
  
  <pre><code>&lt;div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: auto;"&gt;
  &lt;div class="table-responsive" style="overflow: hidden; width: 100%; height: auto;"&gt;
  &lt;table id="basic-datatables-schedules" class="table table-striped table-bordered" cellspacing="0" width="100%"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td class="p-relative"&gt;
  &lt;input id="start_2559" class="form-control required shiftfromdate" type="text" value="" onkeydown="return false;" style="width:10em;" name="start"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>