угловые-datatables, не добавляющие класс начальной загрузки для правильного стиля.

Question

Я пытаюсь добавить функциональность datatables к пакету углов с угловым набором данных Angular.js thgough. Мне нужен стиль бутстрапа для него. Но я не нуждался в внешности. Я нашел проблему, но я не нашел решение. Проблема в том, что следующий div не имеет класса «dt-bootstrap».

<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer"> 

Я думаю, моя проблема будет решена, если это автоматически генерируется DIV будет генерироваться с классом «дт-самозагрузки».

Я с помощью следующей функции:

<table class="table table-striped table-bordered table-hover" datatable="ng"></table> 

и следующая/CCS JS файлы:

<link rel="stylesheet" href="../bower_components/metisMenu/dist/metisMenu.css" /> 
<link rel="stylesheet" href="../bower_components/datatables/media/css/jquery.dataTables.css" /> 
<link rel="stylesheet" href="../bower_components/angular-datatables/dist/plugins/bootstrap/datatables.bootstrap.css" /> 

<script src="../bower_components/jquery/dist/jquery.js"></script> 
<script src="../bower_components/angular/angular.js"></script> 
<script src="../bower_components/angular-animate/angular-animate.js"></script> 
<script src="../bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="../bower_components/angular-touch/angular-touch.js"></script> 
<script src="../bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="../bower_components/angular-resource/angular-resource.js"></script> 
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
<script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<script src="../bower_components/PACE/pace.js"></script> 
<script src="../bower_components/metisMenu/dist/metisMenu.js"></script> 
<script src="../bower_components/datatables/media/js/jquery.dataTables.js"></script> 
<script src="../bower_components/angular-datatables/dist/angular-datatables.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/bootstrap/angular-datatables.bootstrap.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/colreorder/angular-datatables.colreorder.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/columnfilter/angular-datatables.columnfilter.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/light-columnfilter/angular-datatables.light-columnfilter.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/colvis/angular-datatables.colvis.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/fixedcolumns/angular-datatables.fixedcolumns.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/fixedheader/angular-datatables.fixedheader.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/scroller/angular-datatables.scroller.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/tabletools/angular-datatables.tabletools.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/buttons/angular-datatables.buttons.js"></script> 
<script src="../bower_components/angular-datatables/dist/plugins/select/angular-datatables.select.js"></script> 

Как я могу решить эту проблему?

Answer 1

Вы должны позвонить: .withBootstrap(); в ваш контроллер, как описано здесь: https://l-lin.github.io/angular-datatables/#/bootstrapIntegration