@Alex_87

Как убрать inline-style width у th в dataTable?

Здравствуйте! Не могу убрать ширину th, которую dataTable проставляет автоматически. Где-то слишком маленький размер, а где-то он почему-то большой. Подскажите пожалуйста, как это можно исправить?
Вот так это выглядит сейчас:
5f7ada15f1537820551091.png

А вот как должно выглядеть:

5f7ada6a4e3ae176599291.png
<table id="example-autoInv" class="display" style="width:100%; font-size:12px">
               <thead>
               <tr class="text--uppercase">
                   <th class="ng-binding">Portfolio Name</th>
                   <th class="hlp--ac ng-binding">Status</th>
                   <th class="hlp--ac ng-binding">Interest rate</th>
                   <th class="hlp--ac ng-binding">Maximum investment in one loan</th>
                   <th class="hlp--ac ng-binding">Number of Investments</th>
                   <th class="hlp--ac ng-binding">Portfolio Size</th>
                   <th></th>
                   <th></th>
                   <th></th>
               </tr>
               </thead>
               <tbody>
               <tr>
                   <td>Demo Strategy 2</td>
                   <td>Active</td>
                   <td>8% - 10%</td>
                   <td>€10'000.00</td>
                   <td>0</td>
                   <td class="hlp--ac ng-binding"><span class="text--secondary ng-binding">€0.00 /</span> €10'000.00</td>
                   <td class="hlp--ac"><a href="" class="btn btn--sm btn--primary ng-binding">Edit</a></td>
                   <td class="hlp--ac">
                       <a href="" class="btn btn--sm btn--secondary ng-binding ng-hide">Activate</a>
                   </td>
                   <td class="hlp--ac">
                       <a href="" class="btn btn--sm btn--text">Delete</a>
                   </td>
               </tr>
               <tr>
                   <td>Demo Strategy 2</td>
                   <td>Active</td>
                   <td>8% - 10%</td>
                   <td>€10'000.00</td>
                   <td>0</td>
                   <td class="hlp--ac ng-binding"><span class="text--secondary ng-binding">€0.00 /</span> €10'000.00</td>
                   <td class="hlp--ac"><a href="" class="btn btn--sm btn--primary ng-binding">Edit</a></td>
                   <td class="hlp--ac">
                       <a href="" class="btn btn--sm btn--secondary ng-binding ng-hide">Activate</a>
                   </td>
                   <td class="hlp--ac">
                       <a href="" class="btn btn--sm btn--text">Delete</a>
                   </td>
               </tr>

               </tbody>
               <tfoot>
               <tr>
                   <th>Name</th>
                   <th>Position</th>
                   <th>Office</th>
                   <th>Age</th>
                   <th>Start date</th>
                   <th>Salary</th>
               </tr>
               </tfoot>
           </table>

<script>

    $(document).ready(function() {
        $('#example-autoInv').DataTable({
            "autoWidth":true,
        });
    } );
</script>

Ссылка на библиотеку: https://datatables.net/examples/basic_init/
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
24 окт. 2020, в 20:52
27000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект