Function DataTable

packages/console/support/src/component/result.tsx:56–85

(props: { rows: Record<string, unknown>[] })

}

function DataTable(props: { rows: Record<string, unknown>[] }) {
  const columns = () => {
    const cols = new Set<string>()
    for (const row of props.rows) {
      for (const key of Object.keys(row)) cols.add(key)
    }
    return [...cols]
  }

  return (
    <Show when={props.rows.length > 0} fallback={<div data-empty>(no data)</div>}>
      <table>
        <thead>
          <tr>
            <For each={columns()}>{(col) => <th>{col}</th>}</For>
          </tr>
        </thead>
        <tbody>
          <For each={props.rows}>
            {(row) => (
              <tr>
                <For each={columns()}>{(col) => <td>{renderCell(row[col])}</td>}</For>
              </tr>
            )}
          </For>
        </tbody>
      </table>
    </Show>
  )
}

function renderCell(value: unknown) {
  if (value === null || value === undefined) return ""