API Docs for: v2.7.0
Show:

Components.ModelsTableFooter Class

Extends Ember.Component

Footer block used within models-table.

Usage example:

{{#models-table data=data columns=columns as |mt|}}
  {{mt.footer}}
  {{! .... }}
{{/models-table}}

Usage example with a block context:

{{#models-table data=data columns=columns as |mt|}}
  {{#mt.footer as |footer|}}
    {{footer.summary}}
    {{footer.size-select}}
    {{#if useNumericPagination}}
      {{footer.pagination-numeric}}
    {{else}}
      {{footer.pagination-simple}}
    {{/if}}
  {{/mt.footer}}
{{/models-table}}

ModelsTableFooter yields references to the following contextual components:

  • models-table/summary - component with summary info about table data. It also contains button to clear all filters applied to the table
  • models-table/size-select - component with a page sizes dropdown. It allows to select number if records shown on page
  • models-table/pagination-numeric - component with a table navigation. It allows to move to the page by its number
  • models-table/pagination-simple - component with a table navigation. It allows to move to the first, last, prev and next pages (this four buttons are shown always)

Check own docs for each component to get detailed info.

Properties

anyFilterUsed

Boolean

Default: null

currentPageNumber

Number

Default: null

firstIndex

Number

Default: null

lastIndex

Number

Default: null

pagesCount

Number

Default: null

pageSize

Number

Default: null

pageSizeOptions

Object[]

Default: null

showPageSize

Boolean

Default: null

themeInstance

Object

Default: null

useNumericPagination

Boolean

Default: null

Events

goToPage

Closure action Components.ModelsTable/actions.goToPage:method