Skip to contents

Usage

TablePagination(...)

Arguments

...

Props to pass to the component.

Value

Object with shiny.tag class suitable for use in the UI of a Shiny app.

Details

  • count integer
    Default is - The total number of rows.To enable server side pagination for an unknown number of items, provide -1.

  • onPageChange func
    Default is - Callback fired when the page is changed.Signature:function(event: React.MouseEvent | null, page: number) => voidevent The event source of the callback.page The page selected.

  • page integer
    Default is - The zero-based index of the current page.

  • rowsPerPage integer
    Default is - The number of rows per page.Set -1 to display all the rows.

  • ActionsComponent elementType
    Default is TablePaginationActions The component used for displaying the actions. Either a string to use a HTML element or a component.

  • backIconButtonProps object
    Default is - Props applied to the back arrow IconButton component.This prop is an alias for slotProps.actions.previousButton and will be overriden by it if both are used.Deprecated-Use slotProps.actions.previousButton instead.

  • classes object
    Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.

  • component elementType
    Default is - The component used for the root node. Either a string to use a HTML element or a component.

  • disabled bool
    Default is FALSE If true, the component is disabled.

  • getItemAriaLabel func
    Default is function defaultGetAriaLabel(type) return Go to $type page; Accepts a function which returns a string value that provides a user-friendly name for the current page. This is important for screen reader users.For localization purposes, you can use the provided translations.Signature:function(type: string) => stringtype The link or button type to format ('first' | 'last' | 'next' | 'previous').

  • labelDisplayedRows func
    Default is function defaultLabelDisplayedRows( from, to, count ) return $from–$to of $count !== -1 ? count : more than $to“; Customize the displayed rows label. Invoked with a from, to, count, page object.For localization purposes, you can use the provided translations.

  • labelRowsPerPage node
    Default is 'Rows per page:' Customize the rows per page label.For localization purposes, you can use the provided translations.

  • nextIconButtonProps `object`
    Default is - Props applied to the next arrow IconButton element.This prop is an alias for slotProps.actions.nextButton and will be overriden by it if both are used.Deprecated-Use slotProps.actions.nextButton instead.

  • onRowsPerPageChange `func`
    Default is - Callback fired when the number of rows per page is changed.Signature:function(event: React.ChangeEvent) => voidevent The event source of the callback.

  • rowsPerPageOptions `Array<number|  label: string, value: number >`
    Default is 10, 25, 50, 100 Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed. Use -1 for the value with a custom label to show all the rows.

  • SelectProps `object`
    Default is Props applied to the rows per page Select element.This prop is an alias for slotProps.select and will be overriden by it if both are used.Deprecated-Use slotProps.select instead.

  • showFirstButton `bool`
    Default is FALSE If true, show the first-page button.

  • showLastButton `bool`
    Default is FALSE If true, show the last-page button.

  • slotProps ` actions?: firstButton?: object, firstButtonIcon?: object, lastButton?: object, lastButtonIcon?: object, nextButton?: object, nextButtonIcon?: object, previousButton?: object, previousButtonIcon?: object , displayedRows?: func| object, menuItem?: func| object, root?: func| object, select?: object, selectLabel?: func| object, spacer?: func| object, toolbar?: func| object `
    Default is The props used for each slot inside.

  • slots ` actions?: firstButton?: elementType, firstButtonIcon?: elementType, lastButton?: elementType, lastButtonIcon?: elementType, nextButton?: elementType, nextButtonIcon?: elementType, previousButton?: elementType, previousButtonIcon?: elementType , displayedRows?: elementType, menuItem?: elementType, root?: elementType, select?: elementType, selectLabel?: elementType, spacer?: elementType, toolbar?: elementType `
    Default is The components used for each slot inside.

  • sx `Array<func| object| bool>| func| object`
    Default is - The system prop that allows defining system overrides as well as additional CSS styles.See the `sx` page for more details.