Footable вне пределов - PullRequest
Новая
       13

Footable вне пределов

0 голосов
/ 03 октября 2018

Footable выходит за пределы

Я не могу понять, почему Footable выходит за пределы.Я хочу, чтобы он вел себя отзывчиво!Теги {{}} - это способ рендеринга переменных в html-код django, не думайте, что это имеет значение. 

<div class="col-md-12">
                <table class="footable table table-hover table-striped" width="100%" id="mats-table"> 
                    <thead>
                        <tr>
                            <th data-title="ID" data-breakpoints="xs">
                                ID
                            </th>
                            <th>
                                Nome
                            </th>
                            <th>
                                Qtd
                            </th>
                            <th  data-title="Ultimo Preço" data-breakpoints="xs">
                                Preco Unitario
                            </th>
                            <th  data-title="Ultimo Fornecedor" data-breakpoints="xs">
                                Ultimo Fornecedor
                            </th>
                            <th  data-title="Check" data-breakpoints="xs">
                                Check
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    {% if material_list %}
                    {% for material in material_list %}
                        <tr>
                            <td data-title="ID" data-breakpoints="xs">
                                {{material.id}}
                            </td>
                            <td>
                                {{material.name}}
                            </td>
                            <td>
                                <input type="text"size="1">
                            </td>
                            <td>
                                <input type="text"size="1">
                            </td>
                            <td data-title="Ultimo Preço" data-breakpoints="xs">{{material.last_price}}</td>
                            <td data-title="Ultimo Fornecedor" data-breakpoints="xs">{{material.last_supplier}}</td>
                            <td data-title="Check" data-breakpoints="xs"><input type="checkbox">
                            </td>
                        </tr>
                        {% endfor %}
                        {% else %}
                        <p>Não existem registos na base de dados.</p>
                        {% endif %}
                    </tbody>
                </table>
            </div>
...