Я хочу заполнить таблицу результатами поиска algolia.У меня есть этот HTML
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Product</th>
<th>quantity</th>
<th>Status</th>
<th>Phone</th>
<th>Fax</th>
</tr>
</thead>
<tbody id="hits">
</tbody>
</table>
<script type="text/html" id="hit-template">
<tr id="hit">
<td>
<div class="round-img">
<a href=""><img src="images/avatar/4.jpg" alt=""></a>
</div>
</td>
<td>${{VendorName}}</td>
<td><span>iBook</span></td>
<td><span>456 pcs</span></td>
<td><span class="badge badge-success">Done</span></td>
<td><span>${{Active}}</span></td>
<td><span>${{Vendortype}}</span></td>
</tr>
</script>
, и это мой сценарий js
search.addWidget(
instantsearch.widgets.hits({
container: '#hits',
templates: {
item: document.getElementById('hit-template').innerHTML,
empty: "We didn't find any results for the search <em>\"{{query}}\"</em>"
}
})
);
search.start();
, поиск работает, но таблица не заполняется должным образом.это то, что отображается
Что я делаю неправильно и как я могу это исправить, чтобы он правильно заполнялся на столе?