import * as React from 'react'; import { StyleProp, View, ViewStyle } from 'react-native'; declare type Props = React.ComponentPropsWithRef & { /** * Content of the `DataTable`. */ children: React.ReactNode; style?: StyleProp; }; /** * Data tables allow displaying sets of data. * *
*
* *
Data table
*
*
* * ## Usage * ```js * import * as React from 'react'; * import { DataTable } from 'react-native-paper'; * * const optionsPerPage = [2, 3, 4]; * * const MyComponent = () => { * const [page, setPage] = React.useState(0); * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]); * * React.useEffect(() => { * setPage(0); * }, [itemsPerPage]); * * return ( * * * Dessert * Calories * Fat * * * * Frozen yogurt * 159 * 6.0 * * * * Ice cream sandwich * 237 * 8.0 * * * setPage(page)} * label="1-2 of 6" * optionsPerPage={optionsPerPage} * itemsPerPage={itemsPerPage} * setItemsPerPage={setItemsPerPage} * showFastPagination * optionsLabel={'Rows per page'} * /> * * ); *} * * export default MyComponent; * ``` */ declare const DataTable: { ({ children, style, ...rest }: Props): JSX.Element; Header: React.ComponentType & { children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").ViewProps | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ children, style, theme, ...rest }: import("react-native").ViewProps & React.RefAttributes & { children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; displayName: string; }, {}>; Title: React.ComponentType & { children: React.ReactNode; numeric?: boolean | undefined; sortDirection?: "ascending" | "descending" | undefined; numberOfLines?: number | undefined; onPress?: (() => void) | undefined; /** * Data tables allow displaying sets of data. * *
*
* *
Data table
*
*
* * ## Usage * ```js * import * as React from 'react'; * import { DataTable } from 'react-native-paper'; * * const optionsPerPage = [2, 3, 4]; * * const MyComponent = () => { * const [page, setPage] = React.useState(0); * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]); * * React.useEffect(() => { * setPage(0); * }, [itemsPerPage]); * * return ( * * * Dessert * Calories * Fat * * * * Frozen yogurt * 159 * 6.0 * * * * Ice cream sandwich * 237 * 8.0 * * * setPage(page)} * label="1-2 of 6" * optionsPerPage={optionsPerPage} * itemsPerPage={itemsPerPage} * setItemsPerPage={setItemsPerPage} * showFastPagination * optionsLabel={'Rows per page'} * /> * * ); *} * * export default MyComponent; * ``` */ style?: StyleProp; textStyle?: StyleProp; theme: ReactNativePaper.Theme; }, "numberOfLines" | keyof import("react-native").TouchableWithoutFeedbackProps | keyof React.RefAttributes | "numeric" | "textStyle" | "sortDirection"> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { children: React.ReactNode; numeric?: boolean | undefined; sortDirection?: "ascending" | "descending" | undefined; numberOfLines?: number | undefined; onPress?: (() => void) | undefined; /** * Data tables allow displaying sets of data. * *
*
* *
Data table
*
*
* * ## Usage * ```js * import * as React from 'react'; * import { DataTable } from 'react-native-paper'; * * const optionsPerPage = [2, 3, 4]; * * const MyComponent = () => { * const [page, setPage] = React.useState(0); * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]); * * React.useEffect(() => { * setPage(0); * }, [itemsPerPage]); * * return ( * * * Dessert * Calories * Fat * * * * Frozen yogurt * 159 * 6.0 * * * * Ice cream sandwich * 237 * 8.0 * * * setPage(page)} * label="1-2 of 6" * optionsPerPage={optionsPerPage} * itemsPerPage={itemsPerPage} * setItemsPerPage={setItemsPerPage} * showFastPagination * optionsLabel={'Rows per page'} * /> * * ); *} * * export default MyComponent; * ``` */ style?: StyleProp; textStyle?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ numeric, children, onPress, sortDirection, theme, textStyle, style, numberOfLines, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes & { children: React.ReactNode; numeric?: boolean | undefined; sortDirection?: "ascending" | "descending" | undefined; numberOfLines?: number | undefined; onPress?: (() => void) | undefined; /** * Data tables allow displaying sets of data. * *
*
* *
Data table
*
*
* * ## Usage * ```js * import * as React from 'react'; * import { DataTable } from 'react-native-paper'; * * const optionsPerPage = [2, 3, 4]; * * const MyComponent = () => { * const [page, setPage] = React.useState(0); * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]); * * React.useEffect(() => { * setPage(0); * }, [itemsPerPage]); * * return ( * * * Dessert * Calories * Fat * * * * Frozen yogurt * 159 * 6.0 * * * * Ice cream sandwich * 237 * 8.0 * * * setPage(page)} * label="1-2 of 6" * optionsPerPage={optionsPerPage} * itemsPerPage={itemsPerPage} * setItemsPerPage={setItemsPerPage} * showFastPagination * optionsLabel={'Rows per page'} * /> * * ); *} * * export default MyComponent; * ``` */ style?: StyleProp; textStyle?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; displayName: string; }, {}>; Row: React.ComponentType & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; supported: boolean; }, {}>> & { children: React.ReactNode; onPress?: (() => void) | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /** * Content of the `DataTable`. */ }, "style" | "children" | "pointerEvents" | "onLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "key" | "hitSlop" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "pressRetentionOffset" | "touchSoundDisabled" | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered"> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; supported: boolean; }, {}>> & { children: React.ReactNode; onPress?: (() => void) | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /** * Content of the `DataTable`. */ }> & { ({ onPress, style, theme, children, pointerEvents, ...rest }: import("../../types").$RemoveChildren & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; supported: boolean; }, {}>> & { children: React.ReactNode; onPress?: (() => void) | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined; /** * Content of the `DataTable`. */ }): JSX.Element; displayName: string; }, {}>; Cell: { ({ children, textStyle, style, numeric, ...rest }: import("../../types").$RemoveChildren & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").TouchableWithoutFeedbackProps | "background" | "borderless" | "rippleColor" | "underlayColor" | "centered" | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ style, background: _background, borderless, disabled: disabledProp, rippleColor, underlayColor: _underlayColor, children, theme, ...rest }: import("react-native").TouchableWithoutFeedbackProps & React.RefAttributes & { borderless?: boolean | undefined; background?: Object | undefined; centered?: boolean | undefined; disabled?: boolean | undefined; onPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; onLongPress?: ((e: import("react-native").GestureResponderEvent) => void) | undefined; rippleColor?: string | undefined; underlayColor?: string | undefined; children: React.ReactNode; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; supported: boolean; }, {}>> & { children: React.ReactNode; numeric?: boolean | undefined; onPress?: (() => void) | undefined; style?: StyleProp; textStyle?: StyleProp; }): JSX.Element; displayName: string; }; Pagination: React.ComponentType & { page: number; numberOfPages: number; onPageChange: (page: number) => void; showFastPaginationControls?: boolean | undefined; } & { numberOfItemsPerPage?: number | undefined; numberOfItemsPerPageList?: number[] | undefined; onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined; } & { label?: React.ReactNode; accessibilityLabel?: string | undefined; selectPageDropdownLabel?: React.ReactNode; selectPageDropdownAccessibilityLabel?: string | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }, "label" | keyof import("react-native").ViewProps | keyof React.RefAttributes | "selectPageDropdownLabel" | "selectPageDropdownAccessibilityLabel" | keyof { page: number; numberOfPages: number; onPageChange: (page: number) => void; showFastPaginationControls?: boolean | undefined; } | keyof { numberOfItemsPerPage?: number | undefined; numberOfItemsPerPageList?: number[] | undefined; onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined; }> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { page: number; numberOfPages: number; onPageChange: (page: number) => void; showFastPaginationControls?: boolean | undefined; } & { numberOfItemsPerPage?: number | undefined; numberOfItemsPerPageList?: number[] | undefined; onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined; } & { label?: React.ReactNode; accessibilityLabel?: string | undefined; selectPageDropdownLabel?: React.ReactNode; selectPageDropdownAccessibilityLabel?: string | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ label, accessibilityLabel, page, numberOfPages, onPageChange, style, theme, showFastPaginationControls, numberOfItemsPerPageList, numberOfItemsPerPage, onItemsPerPageChange, selectPageDropdownLabel, selectPageDropdownAccessibilityLabel, ...rest }: import("react-native").ViewProps & React.RefAttributes & { page: number; numberOfPages: number; onPageChange: (page: number) => void; showFastPaginationControls?: boolean | undefined; } & { numberOfItemsPerPage?: number | undefined; numberOfItemsPerPageList?: number[] | undefined; onItemsPerPageChange?: ((numberOfItemsPerPage: number) => void) | undefined; } & { label?: React.ReactNode; accessibilityLabel?: string | undefined; selectPageDropdownLabel?: React.ReactNode; selectPageDropdownAccessibilityLabel?: string | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; displayName: string; }, {}>; }; export default DataTable;