Member Junction
    Preparing search index...

    Interface GridVisualConfig

    Configuration for grid visual appearance All properties are optional - defaults provide an attractive "out of the box" experience

    interface GridVisualConfig {
        accentColor?: string;
        alternateRowContrast?: "medium" | "strong" | "subtle";
        alternateRows?: boolean;
        booleanIcons?: boolean;
        borderRadius?: number;
        cellPadding?: "compact" | "normal" | "comfortable";
        checkboxColor?: string;
        checkboxStyle?: "default" | "rounded" | "filled";
        clickableEmails?: boolean;
        clickableUrls?: boolean;
        friendlyDates?: boolean;
        headerBackground?: string;
        headerShadow?: boolean;
        headerStyle?: GridHeaderStyle;
        headerTextColor?: string;
        hoverTransitionDuration?: number;
        hoverTransitions?: boolean;
        rightAlignNumbers?: boolean;
        selectionBackground?: string;
        selectionIndicatorColor?: string;
        selectionIndicatorWidth?: number;
        skeletonLoading?: boolean;
        skeletonRowCount?: number;
    }
    Index

    Properties

    accentColor? alternateRowContrast? alternateRows? booleanIcons? borderRadius? cellPadding? checkboxColor? checkboxStyle? clickableEmails? clickableUrls? friendlyDates? headerBackground? headerShadow? headerStyle? headerTextColor? hoverTransitionDuration? hoverTransitions? rightAlignNumbers? selectionBackground? selectionIndicatorColor? selectionIndicatorWidth? skeletonLoading? skeletonRowCount?

    Properties

    accentColor?: string

    Primary accent color for interactive elements

    alternateRowContrast?: "medium" | "strong" | "subtle"

    Contrast level for alternating rows: 'subtle' | 'medium' | 'strong'

    alternateRows?: boolean

    Enable alternating row colors (zebra striping)

    booleanIcons?: boolean

    Render boolean cells as checkmark/x icons instead of text

    borderRadius?: number

    Border radius for the grid container

    cellPadding?: "compact" | "normal" | "comfortable"

    Cell padding preset: 'compact' | 'normal' | 'comfortable'

    checkboxColor?: string

    Checkbox accent color

    checkboxStyle?: "default" | "rounded" | "filled"

    Style for checkbox column: 'default' | 'rounded' | 'filled'

    clickableEmails?: boolean

    Render email cells as clickable mailto links

    clickableUrls?: boolean

    Render URL cells as clickable links

    friendlyDates?: boolean

    Format dates with a friendly format (e.g., "Jan 15, 2024" instead of "2024-01-15")

    headerBackground?: string

    Custom header background color (overrides preset)

    headerShadow?: boolean

    Show bottom shadow/border on header

    headerStyle?: GridHeaderStyle

    Header style preset: 'flat' | 'elevated' | 'gradient' | 'bold'

    headerTextColor?: string

    Custom header text color

    hoverTransitionDuration?: number

    Hover transition duration in ms

    hoverTransitions?: boolean

    Enable smooth hover transitions

    rightAlignNumbers?: boolean

    Right-align numeric columns automatically

    selectionBackground?: string

    Selection background color

    selectionIndicatorColor?: string

    Color for selection indicator (left border on selected rows)

    selectionIndicatorWidth?: number

    Width of selection indicator in pixels

    skeletonLoading?: boolean

    Show skeleton loading rows instead of spinner

    skeletonRowCount?: number

    Number of skeleton rows to show

    Settings

    Member Visibility

    On This Page

    Properties