@ackplus/react-tanstack-data-table/src/lib/utils/styling-helpers.d.ts

A powerful React data table component built with MUI and TanStack Table

import type { DataTableColumn, PinnedColumnStyleOptions } from '../types';
export declare function getPinnedColumnStyle(options: PinnedColumnStyleOptions): {
    boxShadow: string;
    backgroundColor: string;
    left?: number;
    right?: number;
    zIndex?: number;
    width: string | number;
    maxWidth: string | number;
    overflow: string;
    whiteSpace: string;
};
export declare const tableCellStyles: {
    readonly sticky: {
        readonly position: "sticky";
        readonly zIndex: 10;
        readonly backgroundColor: "background.paper";
    };
    readonly pinned: {
        readonly borderRight: "1px solid";
        readonly borderColor: "divider";
    };
};
export declare const tableRowStyles: {
    readonly hover: {
        readonly '&:hover': {
            readonly backgroundColor: "action.hover";
        };
    };
    readonly striped: {
        readonly '&:nth-of-type(odd)': {
            readonly backgroundColor: "action.selected";
        };
    };
};
export declare function getColumnAlignment(column?: DataTableColumn<any>): 'left' | 'center' | 'right';