​
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.

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:

​
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.