@sqlrooms/data-table / DataTableModal

Function: DataTableModal()

DataTableModal(props, deprecatedLegacyContext?): ReactNode

A modal component for displaying a table with data from a SQL query.

Parameters

Parameter	Type	Description
props	{ title: undefined | string; query: undefined | string; tableModal: Pick<UseDisclosureReturnValue, "isOpen" | "onClose">; }	Component props
props.title	undefined | string	The title of the table
props.query?	undefined | string	The SQL query to execute and display in the table
props.tableModal?	Pick<UseDisclosureReturnValue, "isOpen" | "onClose">	An object containing the modal's open state and close function
deprecatedLegacyContext?	any	Deprecated See React Docs

Returns

ReactNode

Component

Example

import { useState } from 'react';
import { DataTableModal } from '@sqlrooms/data-table';

const MyComponent = () => {
  const tableModal = useDisclosure();
  return (
    <DataTableModal
      title="Users"
      query="SELECT * FROM users LIMIT 10"
      tableModal={tableModal}
    />
  );
};