У меня 2 проблемы с моими таблицами данных, где;
- Почему мои «поиск» и «пейджинг» не расположены в правильном положении? Почему это быть в середине? Должно быть в синей рамке.
![enter image description here](https://i.stack.imgur.com/WqVt1.jpg)
Почему отсутствует символ «плюс», когда пиксель меняется на Мобильный вид.
![enter image description here](https://i.stack.imgur.com/uHKuV.jpg)
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>