在vaadin-grid的脚注行中显示摘要

Question

我使用的是聚合物2.0，同时使用的是vaadin-grid。在我的应用程序中，我希望在脚注行中显示网格中的记录数。我可以获得脚注行，但不知何故，脚注行中的内容变得重复，但是我只想显示一次摘要。请在下面找到我的代码。`

 <vaadin-grid id="grid"
               items="[[ filteredData ]]"
             multi-sort
             column-reordering-allowed
             active-item="{{ selectedItem }}">

  <template is="dom-repeat" items="[[ selectedColumns ]]" as="column">
    <table>
      <vaadin-grid-column resizable flex-grow="1">
        <template class="header">
          <vaadin-grid-sorter path="name">
            <span>[[ column.name ]]</span>
          </vaadin-grid-sorter>
        </template>
        <template>
          <div>[[ getColumnData( column.path, item ) ]]</div>
        </template>
        <template  class="footer">
          <td colspan="12">footer</div>
        </template>
      </vaadin-grid-column>
    </table>
  </template>   
 </vaadin-grid>

我必须只显示一次脚注行的内容。在这个例子中，它出现了多次。任何帮助都将受到高度的感谢。

Answer 1

对我来说起作用的只是在网格后面添加一个div：

网格的末端如下所示

</vaadin-grid> <div>Number Of Record: [[_count]]</div>

Answer 2

试试下面的代码：

      <vaadin-grid-column resizable flex-grow="1">
        <template class="header">
          <vaadin-grid-sorter path="name">
            <span>[[ column.name ]]</span>
          </vaadin-grid-sorter>
        </template>
        <template>
          <div>[[ getColumnData( column.path, item ) ]]</div>
        </template>
      </vaadin-grid-column>
    </template>
    <template class="footer">
      Number of Records: [[...property or function]]
    </template>


  </vaadin-grid-column-group>
</vaadin-grid>