数据表中的720kb.datepicker定位问题

Question

我在数据表中有日期选择器的定位问题，当我在表中只有一行时，日期选择器会出现在数据表本身内部，因此它会得到空白this is how it appears（日期选择器的大小）在数据表行下方。 如何将日期选择器放置在数据表之外。 尝试使用相对位置，但不起作用。

 <div ng-if="docData.length > 0" class="searchTable">
        <table datatable="ng" dt-options="dtOptions" id="docTable"
            class=" row-border hover table table-striped table-bordered">
            <thead>
                <tr>
                    <th>DATE</th>

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="data in docData | orderBy: $index">
                    <td><datepicker date-format="yyyy-MM-dd"
                            selector="form-control">
                        <div class="input-group">
                            <input ng-model="doc.newDate" uib-datepicker- 
                        popup="{{format}}"
                                alt-input-formats="altInputFormats" 
                   class="form-control"
                                ng-change="jsonUpdate($index, 
                             doc.requestDate, doc.newRequestDate)"
                                placeholder="Select Date" style="width: 
                           110px" />
                        </div>
                        </datepicker></td>

                </tr>
            </tbody>
        </table>
    </div>