Datepickerが内部で動作しない<th>要素

Question

ブートストラップ日付ピッカーを使用しようとしています。しかし、私はテーブルの中でそれを使用しようとしており、具体的にはの要素の中にあるようにしようとしています。

 <table id="table" class="table table-bordered table-hover" data-toggle="table" data-height="400" data-pagination="true" data-locale="en_US"> 

そして、その内側に、私が持っている：ここに私のテーブルです

 <th data-field="date" > 
      <div class="input-group bfh-datepicker" data-format="y-m-d" data-max="today" id="input-date" placeholder="Date of record"> 
     </div> 
     </th> 

問題は、私は日付ピッカーを正しく表示することができませんです。ここではスクリーンショットです：今、隠されているDatePickerのウィンドウに自分のCSSにこのコードを追加する Imgur

Answer 1

試してみてください。可能な場合は

element.style { 
    position:relative; 
    z-index:1000; //change your number as per elements lies on your page. 
}