angular - ng2-smart-table のテーブル フッターを実装するにはどうすればよいですか?

Question

現在、アプリケーションに ng2-smart-table を実装しています。合計額、割引額などの追加情報について、テーブルの下にテーブル フッターを表示したいと考えています。

これはtypescriptファイルの私のコードです

settings = {
    columns: {
      seq: {
        title: '#',
        editable: false,
        width: '10%'
      },
      productName: {
        title: 'Product Name',
        editable: false
      },
      qty: {
        title: 'Qty.',
        width: '10%'
      },
      uom: {
        title: 'Uom',
        width: '10%'
      },
      price: {
        title: 'Price',
        valuePrepareFunction: (price) => {
          var formatted = this.thbCurrencyPipe.transform(price, 2);
          return formatted;
        }
      },
      discount: {
        title: 'Disc.'
      },
      amount: {
        title: 'Amount'
      }
    }
  };

そして、ngOnInit()メソッドにデータをロードします

ngOnInit() {
    this._utilityService.LoadPosDummyData().subscribe(data => {
      console.log(data);
      this.datas = data;
    });
  }

これはng2-smart-table私がHtmlで使用したタグです

<ng2-smart-table [settings]="settings" [source]="datas"></ng2-smart-table>