Function getBaseTableProps

components/dash-table/demo/AppMode.ts:56–112

(mock: IDataMock)

export const BasicModes = [...ReadWriteModes, AppMode.ReadOnly];

function getBaseTableProps(mock: IDataMock): Partial<IProps> {
    return {
        id: 'table',
        columns: mock.columns.map((col: any) =>
            R.mergeRight(col, {
                name: col.name || col.id,
                on_change: {
                    action: ChangeAction.None
                },
                renamable: true,
                deletable: true
            })
        ) as Columns,
        dropdown: {
            bbb: {
                clearable: true,
                options: ['Humid', 'Wet', 'Snowy', 'Tropical Beaches'].map(
                    i => ({
                        label: `label: ${i}`,
                        value: i
                    })
                )
            },
            'bbb-readonly': {
                clearable: true,
                options: ['Humid', 'Wet', 'Snowy', 'Tropical Beaches'].map(
                    i => ({
                        label: `label: ${i}`,
                        value: i
                    })
                )
            }
        },
        page_action: TableAction.None,
        style_table: {
            maxHeight: '800px',
            height: '800px',
            maxWidth: '1000px',
            width: '1000px'
        },
        style_cell: {
            maxWidth: 150,
            minWidth: 150,
            width: 150
        },
        style_cell_conditional: [
            {if: {column_id: 'rows'}, maxWidth: 60, minWidth: 60, width: 60},
            {if: {column_id: 'bbb'}, maxWidth: 200, minWidth: 200, width: 200},
            {
                if: {column_id: 'bbb-readonly'},
                maxWidth: 200,
                minWidth: 200,
                width: 200
            }
        ]
    };
}