【发布时间】：2020-02-19 17:18:38
【问题描述】：
在我的 django 应用程序中，我在我的 django 模板中使用数据表下载 4 种格式的数据，即 CSV、Excel、PDF 或只是复制，但是即使在单个列/行中也有数据丢失，数据表也会消失。代码如下：
HTML
{% extends 'base.html' %}
{% block content %}
<div class="card">
<table class="table mb-0" id="table_id">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<thead>
<th>Owner</th>
<th>Flow</th>
<th>Kit</th>
<th>Plastic Pallets</th>
<th>Plastic Pallets</th>
<th>Side Wall</th>
<th>Side Wall</th>
<th>Top Lid</th>
<th>Top Lid</th>
<th>Insert</th>
<th>Insert</th>
<th>Separator Sheets</th>
<th>Separator Sheets</th>
<th>Created On</th>
<th>Delivery Required on</th>
<th>Allotment ID</th>
<th>Dispatch Date</th>
<th>Sent From Warehouse</th>
<th>Parent Company</th>
<th>Sales Order</th>
<th>Plastic Pallets</th>
<th>Side Wall</th>
<th>Top Lid</th>
<th>Insert</th>
<th>Separator Sheets</th>
<th>Transporter Name</th>
<th>Driver Name</th>
<th>LR Number</th>
<th>Vehicle Type</th>
<th>Expected Delivery</th>
</tr>
</thead>
<tbody>
{% for i in query %}
<tr>
<td class="align-middle">{{ i.owner }}</td>
<td class="align-middle">{{ i.flow }}</td>
<td class="align-middle">{{ i.kit }}</td>
<td class="align-middle">{{ i.plastic_pallet }}</td>
<td class="align-middle">{{ i.kit.product1 }}</td>
<td class="align-middle">{{ i.side_wall }}</td>
<td class="align-middle">{{ i.kit.product2 }}</td>
<td class="align-middle">{{ i.top_lid }}</td>
<td class="align-middle">{{ i.kit.product3 }}</td>
<td class="align-middle">{{ i.insert }}</td>
<td class="align-middle">{{ i.kit.product4 }}</td>
<td class="align-middle">{{ i.separator_sheet }}</td>
<td class="align-middle">{{ i.kit.product5 }}</td>
<td class="align-middle">{{ i.created_on }}</td>
<td class="align-middle">{{ i.delivery_required_on }}</td>
{% for bar in i.allotment_sales.all %}
<td class="align-middle">{{ bar.pk }}</td>
<td class="align-middle">{{ bar.dispatch_date }}</td>
<td class="align-middle">{{ bar.send_from_warehouse }}</td>
<td class="align-middle">{{ bar.parent_company }}</td>
<td class="align-middle">{{ bar.sales_order }}</td>
<td class="align-middle">{{ bar.plastic_pallet }}</td>
<td class="align-middle">{{ bar.side_wall }}</td>
<td class="align-middle">{{ bar.top_lid }}</td>
<td class="align-middle">{{ bar.insert }}</td>
<td class="align-middle">{{ bar.separator_sheet }}</td>
<td class="align-middle">{{ bar.transporter_name }}</td>
<td class="align-middle">{{ bar.driver_name }}</td>
<td class="align-middle">{{ bar.lr_number }}</td>
<td class="align-middle">{{ bar.vehicle_type }}</td>
<td class="align-middle">{{ bar.expected_delivery }}</td>
{% endfor %}
</tr>
{% empty %}
<tr>
<td class="bg-light text-center font-italic" colspan="5">You haven't created any product yet.</td>
</tr>
{% endfor %}
</tbody>
</table>
<script type="text/javascript" charset="utf8"
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
</div>
{% endblock %}
{% block js %}
<link rel="stylesheet" type="text/css"
href="https://cdn.datatables.net/v/dt/jq-3.3.1/jszip-2.5.0/dt-1.10.18/af-2.3.3/b-1.5.6/b-colvis-1.5.6/b-flash-1.5.6/b-html5-1.5.6/b-print-1.5.6/cr-1.5.0/fc-3.2.5/fh-3.1.4/kt-2.5.0/r-2.2.2/rg-1.1.0/rr-1.2.4/sc-2.0.0/sl-1.3.0/datatables.min.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript"
src="https://cdn.datatables.net/v/dt/jq-3.3.1/jszip-2.5.0/dt-1.10.18/af-2.3.3/b-1.5.6/b-colvis-1.5.6/b-flash-1.5.6/b-html5-1.5.6/b-print-1.5.6/cr-1.5.0/fc-3.2.5/fh-3.1.4/kt-2.5.0/r-2.2.2/rg-1.1.0/rr-1.2.4/sc-2.0.0/sl-1.3.0/datatables.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/af-2.3.0/b-1.5.2/b-colvis-1.5.2/b-flash-1.5.2/b-html5-1.5.2/b-print-1.5.2/cr-1.5.0/fh-3.1.4/r-2.2.2/datatables.min.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript"
src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/af-2.3.0/b-1.5.2/b-colvis-1.5.2/b-flash-1.5.2/b-html5-1.5.2/b-print-1.5.2/cr-1.5.0/fh-3.1.4/r-2.2.2/datatables.min.js"></script>
<script>
$(document).ready(function () {
$('#table_id').DataTable({
dom: 'B<"clear">lfrtip',
buttons: {
name: 'primary',
buttons: ['copy', 'csv', 'excel', 'pdf']
}
}
);
});
</script>
{% endblock %}
是什么触发了这种消失？我该如何改变呢？ 如果没有，我可以用值“0”填充空列/行吗？
图片便于理解：
【问题讨论】：
-
如果标题列数和数据列数不匹配，则数据表不呈现。
-
@BhushanKawadkar 但是我所有的列都有数据，只是有些行是半满的
-
半满意味着它正在创建
td，但没有数据或根本没有td？你能在代码 sn-p 上重新创建它吗？ -
@BhushanKawadkar 我添加了一张图片来澄清。
td存在，但某些td中没有数据 -
检查浏览器并检查 bcoz 我觉得 td 没有被创建
标签： javascript jquery html django-templates