Как заставить Jquery datatable работать с количеством столбцов n? - PullRequest
Новая
       15

Как заставить Jquery datatable работать с количеством столбцов n?

0 голосов
/ 11 июля 2020

Я делаю Django веб-приложение. Я использовал в нем datatable . На моей странице есть четыре элемента данных. Все они работают, но на определенном количестве столбцов говорят 6. Когда я вставляю 7-й столбец, поиск и разбивка на страницы исчезают из этой таблицы. Я смущен тем, является ли эта проблема спецификацией данных c или что-то не так.

В этом коде, приведенном ниже, разбивка на страницы и поиск исчезают, но когда я удаляю данные последнего столбца и последнего столбца, он 

  <table id="confirmedDeliveries" class="ui celled table responsive nowrap unstackable" style="width:100%">
                    <thead>
                        <tr>
                            <th>Requested By</th> 
                            <th>Contact</th>                            
                            <th>Date Requested</th>
                            <th>From</th>
                            <th>To</th>    
                            <th>Required Delivery Date</th> 
                            <th align="center" colspan="2">Action</th>    
                        </tr>
                    </thead>
                    <tbody  class="new_requests">
                        {% for delivery in confirmed %} 
                        <tr>
                            <td>{{delivery.request.user}}</td>  
                            <td>{{delivery.request.contact}}</td>                             
                            <td>{{delivery.request.date_requested}}</td>
                            <td>{{delivery.request.from_address}}</td>
                            <td>{{delivery.request.to_address}}</td>
                            <td>{{delivery.request.required_delivery_date}}</td>
                            <td><button class="btn btn-danger btn-sm" id="cancel_request" data-id="{{delivery.id}}">Cancel</button></td>
                            <td><button class="btn btn-info btn-sm" id="done_request" data-id="{{delivery.id}}">Delivered</button></td>

                        </tr>
                        {% endfor %}
                    </tbody>
                </table>

Любые идеи будут заметны.

1 Ответ

1 голос
/ 11 июля 2020

Попробуйте удалить colspan="2" - поэтому просто используйте вместо него: <th align="center">Action</th>.

Если вы хотите использовать colspans и rowspans, см. этот пример .

...