react-native-dynamic-table-component
Version:
A customizable and dynamic table component for React Native that supports flexible layouts, dynamic column rendering, and user interactions such as sorting and filter.
38 lines (35 loc) • 1.3 kB
TypeScript
import React from 'react';
import { ViewStyle, TextStyle } from 'react-native';
interface DataItem {
id: string | number;
[key: string]: string | number | boolean | null | undefined;
}
interface DynamicTableProps {
initialData: DataItem[];
isFilter?: boolean;
sortByColumn?: boolean;
isSearch?: boolean;
cellStyle?: ViewStyle;
headerStyle?: ViewStyle;
ignoredHeaders?: string[];
filterButtonStyle?: ViewStyle;
filterButtonTextStyle?: TextStyle;
filterContainerStyle?: ViewStyle;
filterContainerApplyButtonStyle?: ViewStyle;
filterContainerApplyButtonTextStyle?: TextStyle;
filterContainerResetButtonStyle?: ViewStyle;
filterContainerResetButtonTextStyle?: TextStyle;
contentPaddingBottom?: number;
emptyMessage?: string;
filterTitle?: string;
activeTabButtonColor?: string;
showApplyButton?: boolean;
filterContainerFieldOptionStyle?: ViewStyle;
filterContainerFieldOptionTextStyle?: TextStyle;
filterContainerFieldOptionActiveTextStyle?: string;
filterContainerValueOptionStyle?: ViewStyle;
filterContainerValueOptionTextStyle?: TextStyle;
filterContainerValueOptionActiveTextStyle?: string;
}
declare const DynamicTable: React.FC<DynamicTableProps>;
export { DynamicTable as default };