Как исправить ошибку в окне поиска dataTables и позиции на странице? - PullRequest
0 голосов
/ 12 октября 2019

У меня 2 проблемы с моими таблицами данных, где;

  1. Почему мои «поиск» и «пейджинг» не расположены в правильном положении? Почему это быть в середине? Должно быть в синей рамке.

enter image description here

Почему отсутствует символ «плюс», когда пиксель меняется на Мобильный вид.

enter image description here

HTML

<table id="manageadmin" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%">
    <thead>
        <tr>
            <th class="text-center">Name</th>
            <th class="text-center">Username</th>
            <th class="text-center">Email</th>
            <th class="text-center">Division/Unit</th>
            <th class="text-center">Workgroup</th>
            <th class="text-center">Status Account</th>
            <th class="text-center">Action</th>
        </tr>
    </thead>
</table>

JS

$(document).ready( function () {
    var table = $('#manageadmin').DataTable( {
        ajax: { 
            url: 'assets/data/dummy.json',
            crossDomain : true,
            type : "GET",
            cache : false,
            dataType : "json",
            contentType: "application/json",
            dataSrc : "data"
        },
        columns: [
            { data : "fullname", "className": "text-center" },
            { data : "username", "className": "text-center" },
            { data : "email", "className": "text-center" },
            { data : "divunit", "className": "text-center" },
            { data : "workgroup", "className": "text-center" },          

        ],
    });
});

Импорт JS

<script src="src/plugins/jQuery-3.2.1/jquery-3.2.1.min.js"></script>
<script src="src/plugins/bootstrap-4.0.0/dist/js/popper.min.js"></script>
<script src="src/plugins/bootstrap-4.0.0/dist/js/bootstrap.min.js"></script>
<script src="src/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="src/plugins/datatables/media/js/dataTables.bootstrap4.js"></script>
<script src="src/plugins/datatables/media/js/dataTables.responsive.js"></script>
<script src="src/plugins/datatables/media/js/responsive.bootstrap4.js"></script>
<script src="src/plugins/bootstrap-switch/js/bootstrap-switch.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...