Question

我在dataTable中有几个datePicker，在该表上有一个垂直滚动。问题是，当我打开我的日期选择器时，它不会“弹出”数据表，但是会做这样的事情：

在线查看我发现解决方案可能是在datePicker的父级使用position:relative样式，在datepicker的Git页面上使用stated ，但它似乎不起作用我的情况。

这里是我用来修改datepicker的指令：

var parent = $(elem).parent();
parent.css('position', 'relative');
var dtp = parent.datetimepicker({
     format: "DD-MM-YYYY HH:mm:ss",
      showTodayButton: false,
});

任何提示？我有什么问题吗？

EDIT 这是数据表的HTML

<div class="table-responsive" >
            <table id="newFornitures" class="table" datatable="ng" dt-options="dtOptions">
                <thead>
                    <tr>
                        <th class="col-order">{{'START_DATE'| translate}}</th>
                        <th class="col-order">{{'END_DATE'| translate}}</th>
                    </tr>
                </thead>
                <tbody > 
                    <tr ng-repeat="row in insSupplies">
                        <td>
                            <div class="input-group date">
                                <input type="text" class="form-control" value="insSupplies[$index].start_date" ng-model="insSupplies[$index].start_date" dateDirective>
                                <span class="input-group-addon">
                                    <span class="e-ico">today</span>
                                </span>                                     
                            </div>
                        </td>
                        <td>
                            <div class="input-group date">
                                <input type="text" class="form-control" value="insSupplies[$index].start_date"  ng-model="insSupplies[$index].end_date" dateDirective>
                                <span class="input-group-addon">
                                    <span class="e-ico">today</span>
                                </span>                                     
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

以下是dataTable的选项：

$scope.dtOptions = DTOptionsBuilder.newOptions()
            .withDisplayLength(10)
            .withOption('bFilter', false)
            .withOption('bProcessing', false)
            .withOption('sScrollY', "250px")
            .withOption('sScrollX', false)
            .withLanguage({ "sEmptyTable": "Nessuna fornitura presente","sInfoEmpty" : ""})
            .withOption('bPaginate', false);

编辑2：

经过一些调试后，我明白关键类是table-responsive，它有溢出-y：隐藏

现在我试图删除它，但是我的dataTable在没有该类的情况下不起作用，我可以做些什么来覆盖该类而不更改源代码？

DatePicker在dataTable中被截断

0 个答案: