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>

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

2 个答案: