Как исправить AutoTidth DataTables не работает - PullRequest
Новая
       17

Как исправить AutoTidth DataTables не работает

1 голос
/ 10 июня 2019

Я пытался изменить ширину таблицы с помощью авто, но не исправил DataTables.Это происходит, когда я использую измерение в пикселях телефона.Это не случается на ноутбуке / настольном пикселе.Есть ли пропущенные коды?

На изображении ниже показано, что данные превышают таблицы данных.

enter image description here

HTML 

<div class="col-lg-12 col-md-12 col-sm-12 mb-30">
   <table id="example" class="display compact nowrap" style="width:100%">
      <thead>
        <tr>
          <th class="table-plus datatable-nosort">Num</th>
          <th>Region</th>
              .....
        </tr>
      </thead>
      <tbody>
        <tr>
            <td class="table-plus">1</td>
            <td>NORTHERN</td>
               .....
        </tr>
      </tbody>
   </table>
</div>

РЕДАКТИРОВАТЬ: CSS 

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css
https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css
https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap4.min.css

JS 

$(document).ready(function() {
    $('#example').DataTable( {
        scrollCollapse: true,
        autoWidth: true,
        responsive: true,
        columnDefs: [{
            targets: "datatable-nosort",
            orderable: false,
        }],
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        "language": {
        "info": "_START_-_END_ of _TOTAL_ entries",
        searchPlaceholder: "Search"
        },
    });
});
...