Function DataTable

components/dash-table/src/dash-table/dash/fragments/DataTable.js:11–32

import {propTypes} from '../DataTable';

const DataTable = props => {
    const ctx = window.dash_component_api.useDashContext();
    const isLoading = ctx.useLoading({
        filterFunc: loading =>
            loading.property === 'data' ||
            loading.property === '' ||
            loading.property === undefined
    });
    const id = useMemo(() => id || genRandomId('table-'), [id]);
    const sanitizer = useMemo(() => new Sanitizer(), []);

    if (!isValidProps(props)) {
        return <div>Invalid props combination</div>;
    }

    const sanitizedProps = sanitizer.sanitize(props, isLoading);
    return props.id ? (
        <RealTable {...sanitizedProps} />
    ) : (
        <RealTable {...sanitizedProps} id={id} />
    );
};

DataTable.propTypes = propTypes;