垂直滚动条django-tables2

Question

谁能告诉我如何向 django-tables2 添加垂直滚动条而不是

Page 1 of 2 Next 25 of 49 vehicles

在table的底部。

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>

我查看了所有内容，但似乎无法得到直接的答案，或者是否有更好的 table 模块可用于显示数组和复选框？

Answer 1

对于同一条船上的任何人，我都弄明白了。

我禁用了分页功能

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

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

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

<div> 然后在整个 table 界面上添加了一个滚动条，我个人希望将 header 始终保持在顶部，但这是我能想到的最佳解决方案想出.

垂直滚动条django-tables2

Vertical Scroll bar django-tables2

html

css

python

django

django-tables2