Table

Rendering tables with data from queries

Introduction

The Table format organizes data in rows and columns, providing a clear view for comparison and detailed analysis. It’s ideal for displaying precise values.

Syntax

You can use either Table or QueryTable to visualize query results in a table format.

Use QueryTable when you want the component to automatically handle the query fetching.

Use Table when you already fetched the data using useQuery.

QueryTable

import { QueryTable } from '@latitude-data/react';

function MyComponent() {
  return (
    <QueryTable
      queryPath='sorted_titles'
      params={
        limit: 10
      }
    />
  );
}

Properties

Depending on the component you choose, you can pass the following properties:

QueryTable

Query configuration

queryPath · string · required

The path to the query file that will provide the data displayed in the table.

params · object

An object with custom parameters to be used in the query.

download · boolean

A flag to enable the download of the table data as a CSV file.

Style

title · string

The title of your table.

description · string

You can add a brief description of your table.