claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
37 lines • 1.38 kB
TypeScript
import type { TableColumn, TableSort, TableFilter } from './types';
interface Props {
data: any[];
columns: TableColumn[];
itemHeight?: number;
overscan?: number;
maxHeight?: number;
sorting?: TableSort | null;
filters?: TableFilter[];
loading?: boolean;
emptyMessage?: string;
onSort?: (sort: TableSort) => void;
onFilter?: (filters: TableFilter[]) => void;
onRowClick?: (row: any, index: number) => void;
class?: string;
'data-testid'?: string;
}
/**
* VirtualTable
*
* High-performance virtual scrolling table for large datasets with ADHD-optimized design.
*
* @prop {Array} data - Array of data objects to display
* @prop {Array} columns - Column configuration array
* @prop {number} [itemHeight] - Height of each row in pixels
* @prop {number} [overscan] - Number of extra items to render outside viewport
* @prop {number} [maxHeight] - Maximum table height
* @prop {Object} [sorting] - Current sort configuration
* @prop {Array} [filters] - Active filters
* @prop {Function} [onSort] - Sort callback
* @prop {Function} [onFilter] - Filter callback
* @prop {Function} [onRowClick] - Row click callback
*/
declare const VirtualTable: import("svelte").Component<Props, {}, "">;
type VirtualTable = ReturnType<typeof VirtualTable>;
export default VirtualTable;
//# sourceMappingURL=VirtualTable.svelte.d.ts.map