Блог

Я хотел бы получить общее количество строк в сетке до и после фильтра столбцов.

Syncfusion ejs-сетка в angular9

Пожалуйста, помогите мне здесь.

Основываясь на вашем запросе, мы подозреваем, что вы хотите отобразить общее количество записей в сетке. Для достижения ваших требований мы использовали агрегированную функцию EJ2 Grid. Совокупные значения отображаются в нижнем колонтитуле, нижнем колонтитуле группы и заголовке группы сетки. Чтобы отобразить совокупное значение в любой из этих ячеек, используйте свойства footerTemplate, groupFooterTemplate и groupCaptionTemplate .

Совокупное значение будет изменено, когда мы выполним фильтрацию в любом из столбцов. В приведенном ниже примере мы связали сведения о количестве строк в нижнем колонтитуле компонента Grid с помощью функции Aggregate

Пожалуйста, обратитесь к приведенному ниже примеру кода и образцу для получения дополнительной информации.

[app.component.html ]

 <ejs-grid [dataSource]="data" [allowPaging]="true" allowFiltering="true" [pageSettings]='pageOption'> 
    <e-columns> 
        <e-column field='CustomerName' headerText='Customer Name' width='150'></e-column> 
        <e-column field='Freight' headerText='Freight' width='150' format='C2' textAlign='Right'></e-column> 
        <e-column field='OrderDate' headerText='Order Date' width='150' format="yMd" textAlign='Right'></e-column> 
        <e-column field='ShipCountry' headerText='Ship Country' width='150'></e-column> 
    </e-columns> 
<e-aggregates> 
  <e-aggregate> 
    <e-columns> 
      <e-column columnName="CustomerName" type="Count"> 
        <ng-template #footerTemplate let-data>Rows Count: {{data.Count}}</ng-template> 
      </e-column> 
    </e-columns> 
  </e-aggregate> 
</e-aggregates> 
</ejs-grid> 
  

пример

Справочная документация:

doc- встроенные агрегированные типы

документ-нижний колонтитул-агрегат