Как отобразить результаты поиска algolia в таблице - PullRequest
0 голосов
/ 23 мая 2018

Я хочу заполнить таблицу результатами поиска 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();

, поиск работает, но таблица не заполняется должным образом.это то, что отображается

result view

Что я делаю неправильно и как я могу это исправить, чтобы он правильно заполнялся на столе?

...