JQuery数据表 - '没有可用数据'(但数据仍然显示)

时间:2017-06-28 10:22:00

标签: javascript jquery angularjs datatables

我认为这是SO中经常出现的问题,但我无法在这里找到我的确切情况,也没有任何与我的问题类似的问题。

我正在使用jQuery Datatable处理AngularJS环境。我只是想在HTML中显示一个表格:

<div class="ng-cloak">
<script type="application/javascript">
    $(document).ready(function () {

        // Tabla Pestaña Extensiones (Tab 4)
        $('#table_id').DataTable({
            language: {
                processing:     "Tratamiento en curso...",
                search:         "Buscar&nbsp;:",
                lengthMenu:     "Mostrar _MENU_ elementos",
                info:           "Mostrando _START_ a _END_ de _TOTAL_ elementos",
                infoEmpty:      "Viendo los elementos 0 - 0 de _TOTAL_ elementos",
                infoFiltered:   "(filtrado de _TOTAL_ elementos)",
                infoPostFix:    "",
                loadingRecords: "Cargando datos...",
                zeroRecords:    "No hay datos para mostrar",
                emptyTable:     "No hay datos disponibles en la tabla",
                paginate: {
                    first:      "Primero",
                    previous:   "Anterior",
                    next:       "Siguiente",
                    last:       "Último"
                },
                aria: {
                    sortAscending:  ": habilitado para ordenar la columna en orden ascendente",
                    sortDescending: ": habilitado para ordenar la columna en orden descendente"
                }
            }
        });
    })
</script>
</div>

...

<uib-tab index="3" heading="Extensiones">
    <div class="padding-vertical-20 row">
        <div class="col-xs-12">
            <table id="table_id" class="table table-hover nowrap">
                <thead>
                    <tr>
                        <th>Número</th>
                        <th>Tipo de extensión</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="ext in vm.currentCenExtensiones">
                        <td>{{ ext.number }}</td>
                        <td>{{ ext.extensions_type}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</uib-tab>

结果如下: enter image description here

正如你所看到的,我得到了数据,但是我无法摆脱“无数据可用”(用西班牙语),也无法对列进行排序,因为数据消失了。我试图用ng-cloak包装整个表定义,但它不起作用。还尝试this approach,没有解决方案。

我错过了什么?非常感谢。

0 个答案:

没有答案