[英]DataTable No data available in table first Load
我正在使用Meteor,並且嘗試使用此代碼顯示數據表。
我的JS:
onRendered() {
$('#tableCarsWorkflow').DataTable({
paging: true,
searching: true,
info: false,
data: this.CarsList(),
ordering: false,
columns:
[
{ data: "declaration.sg_art.numeroarticle", title: "Numéro de l'article" },
{ data: "declaration.sg_dec.quittance", title: "Quittance" },
{ data: "declaration.sg_art.bl", title: "Référence du BL" },
{ data: "declaration.sg_art.regime", title: "Régime douanier déclaré" },
{ data: "declaration.sg_art.nomenclature", title: "Nomenclature" },
{ data: "declaration.sg_art.description", title: "Description" },
{ data: "declaration.sg_art.num_colis", title: "Marque et numéro de châssis" },
{ data: "declaration.sg_art.Valeur_en_douane", title: "Valeur en douane" },
{ data: "declaration.sg_art.Pays_origine", title: "Pays d'origine" },
]
});
this.bindCarsListCLick();
},
bindCarsListCLick() {
let self = this;
$("#tableCarsWorkflow tr").bind("click", function (event) {
console.log("click fired...")
var dataTable = $(event.target).closest('table').DataTable();
var row = dataTable.row(event.currentTarget);
var rowData = row.data();
if (!rowData) return; // Won't be data if a placeholder row is clicked
$("#tableCarsWorkflow tr").removeClass('selected');
$(this).addClass('selected');
self.showDetails(true)
self.workflowTable(_.where(self.WorkflowList(), { CarId: rowData._id }))
});
HTML:
<template name="carWorkFlow">
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4>Liste des véhicules</h4>
<table id="tableCarsWorkflow" class="table table-condensed table-bordered fixed-table-body"></table>
</div>
</div>
</div>
</template>
但是,當我第一次加載頁面時,總是收到相同的消息:“表中沒有可用數據”。
嘗試數據:CarsList()。find()。fetch()
您確定您的this.CarsList()返回信息嗎? 將console.log放在onRendered的第一行以進行調試
onRendered() {
console.log(this.CarsList());
...
}
祝好運!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.