Function Table

packages/vega-deck.gl/src/controls.tsx:26–51

(props: StatelessProps<TableProps>)

};

export const Table: StatelessComponent<TableProps> = (props: StatelessProps<TableProps>) => {
    return (
        <table className={props.className}>
            {props.children}
            {props.rows.map((row, i) => (
                <tr
                    className={props.rowClassName || ''}
                    onClick={e => props.onRowClick && props.onRowClick(e as any as MouseEvent, i)}
                    tabIndex={props.onRowClick ? 0 : -1}
                    onKeyUp={e => {
                        if (e.key === KeyCodes.ENTER && props.onRowClick) {
                            props.onRowClick(e as any as KeyboardEvent, i);
                        }
                    }}
                >
                    {row.cells.map((cell, i) => (
                        <td
                            className={cell.className || ''}
                            title={cell.title || ''}
                        >{cell.content}</td>
                    ))}
                </tr>
            ))}
        </table>
    );
};