API Docs for: 3.0.1.91d25ad1
Show:

Components.ModelsTableFooter Class

Extends Ember.Component

Footer block used within models-table.

Usage example:

<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
  <MT.Footer />
  {{! .... }}
</ModelsTable>

Usage example with a block context:

<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
  <MT.Footer as |Footer|>
    <Footer.Summary />
    <Footer.PageSizeSelect />
    {{#if useNumericPagination}}
      <Footer.PaginationNumeric />
    {{else}}
      <Footer.PaginationSimple />
    {{/if}}
  </MT.Footer>
</ModelsTable>

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

collapseNumPaginationForPagesCount

Number

Default: null

currentPageNumber

Number

Default: 1

currentPageNumberOptions

SelectOption

Default: null

firstIndex

Number

Default: null

lastIndex

Number

Default: null

pagesCount

Number

Default: null

pageSize

Number

Default: 10

pageSizeOptions

SelectOption

Default: null

recordsCount

Number

Default: null

showCurrentPageNumberSelect

Boolean

Default: null

showPageSize

Boolean

Default: null

tfooterInternalWrapper

String protected

themeInstance

Object

Default: null

useNumericPagination

Boolean

Default: null