Question

任何人都可以告诉我如何将垂直滚动条添加到django-tables2而不是

Page 1 of 2 Next 25 of 49 vehicles

位于表格底部。

tables.py

'''
Created on 28 Oct 2016

@author: JXA8341
'''
import django_tables2 as tables
from .models import Vehicle

class CheckBoxColumnWithName(tables.CheckBoxColumn):
    @property
    def header(self):
        return self.verbose_name

class VehicleTable(tables.Table):

    update = tables.CheckBoxColumn(accessor="pk", 
                                   attrs = { "th__input":{"onclick": "toggle(this)"}},
                                   orderable=False)

    class Meta:
        model = Vehicle
        fields = ('update', 'vehid')

        # Add class="paleblue" to <table> tag
        attrs = {'class':'paleblue'}

screen.css

 table.paleblue +  ul.pagination {
  font: normal 11px/14px 'Lucida Grande', Verdana, Helvetica, Arial, sans-    serif;
  overflow: scroll;
  margin: 0;
  padding: 10px;
  border: 1px solid #DDD;
  list-style: none;
  }
div.table-container {
     display: inline-block;
     position:relative;
     overflow:auto;
     }

table.html

<div class='vehlist'>
    <script language="JavaScript">
         function toggle(source) {
             checkboxes = document.getElementsByName('update');
             for(var i in checkboxes)
                 checkboxes[i].checked = source.checked;
         }
    </script>
        <form action="/loadlocndb/" method="POST" enctype="multipart/form-data">
            {% csrf_token %}
            {% render_table veh_list %}



            <h4> Location database .csv file</h4>
            {{ form.locndb }}
            <input type="submit" value="Submit" />
        </form>
    </div>

我看了一遍，但我似乎无法得到一个直接的答案，或者是否有一个更好的表格模块可用于显示数组和复选框？

Answer 1

对于同一条船上的任何人，我都知道了。

我变成了残疾人分页

RequestConfig(request, pagination=False).configure(veh_list)

然后我将表格包装在html模板中的<div>

中

<div style="width: 125px; height: 500px; overflow-y: scroll;">
        {% render_table veh_list %}
</div>

<div>然后在整个表界面添加一个滚动条，我个人本来希望将标题始终保持在顶部，但这是我能想到的最佳解决方案。

垂直滚动条django-tables2

1 个答案: