Instantsearch命中添加标题

时间:2018-09-05 21:43:17

标签: algolia instantsearch.js

在我的应用中,匹配窗口小部件需要以表格格式显示数据。我正在寻找如何在显示点击数据的三列顶部放置标题。

Algolia在hits小部件内添加列标题有什么?

https://jsfiddle.net/jandk4014/amv01e4w/151/

search.addWidget(
  instantsearch.widgets.hits({
    container: '#hits',
    templates: {
      item: function(item) {
        return `
            <div class="row">
              <div class="result-code col-md-3 col-sm-4 col-xs-4">
                <a href="https://www.lyntron.com/${item.url}">${item._highlightResult.code.value}</a>
              </div>
              <div class="result-description col-md-8 col-sm-7 col-xs-7">
                ${item.description}
              </div>
              <div class="result-available col-md-1 col-sm-1 col-xs-1">
                ${item.quantityAvailable.toLocaleString()}
              </div>
            </div>
          `;
      }
    },
    cssClasses: {
        root: 'row',
        item: 'col-lg-12 col-md-12 col-sm-12'
    }
  })
);

0 个答案:

没有答案