Html 日期选择器不在内部工作<；th>；要素

我正在尝试使用引导日期选择器。但是，我试图在表中使用它，具体地说，在th元素中使用它。这是我的桌子：

        <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>

问题是，我无法使日期选择器正确显示。以下是一个屏幕截图：

---

尝试将此代码添加到CSS中，并添加到现在隐藏的日期选择器窗口中：

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

---

如果可能的话，分享现场演示？虽然这不是我想要的，但它现在解决了我的问题。我将此添加到“.bfh日期选择器日历”