Skip to content

Commit 354aee9

Browse files
srperfimatwawana
andauthored
docs: added explanation of why to use tables and how to use with their data needs (grafana#92150)
Co-authored-by: Isabel Matwawana <[email protected]> Co-authored-by: Isabel Matwawana <[email protected]>
1 parent 6a15b67 commit 354aee9

File tree

1 file changed

+56
-1
lines changed
  • docs/sources/panels-visualizations/visualizations/table

1 file changed

+56
-1
lines changed

docs/sources/panels-visualizations/visualizations/table/index.md

+56-1
Original file line numberDiff line numberDiff line change
@@ -54,13 +54,36 @@ refs:
5454
destination: /docs/grafana/<GRAFANA_VERSION>/panels-visualizations/configure-overrides/
5555
- pattern: /docs/grafana-cloud/
5656
destination: /docs/grafana-cloud/visualizations/panels-visualizations/configure-overrides/
57+
data-transformation:
58+
- pattern: /docs/grafana/
59+
destination: /docs/grafana/<GRAFANA_VERSION>/panels-visualizations/query-transform-data/transform-data/
60+
- pattern: /docs/grafana-cloud/
61+
destination: /docs/grafana-cloud/visualizations/panels-visualizations/query-transform-data/transform-data/
62+
build-query:
63+
- pattern: /docs/grafana/
64+
destination: /docs/grafana/<GRAFANA_VERSION>/panels-visualizations/query-transform-data/
65+
- pattern: /docs/grafana-cloud/
66+
destination: /docs/grafana-cloud/visualizations/panels-visualizations/query-transform-data/
5767
---
5868

5969
# Table
6070

6171
Tables are a highly flexible visualization designed to display data in columns and rows. They support various data types, including tables, time series, annotations, and raw JSON data. The table visualization can even take multiple data sets and provide the option to switch between them. With this versatility, it's the preferred visualization for viewing multiple data types, aiding in your data analysis needs.
6272

63-
{{< figure src="/static/img/docs/tables/table_visualization.png" max-width="1200px" lightbox="true" caption="Table visualization" >}}
73+
{{< figure src="/static/img/docs/tables/table_visualization.png" max-width="1200px" lightbox="true" alt="Table visualization" >}}
74+
75+
You can use a table visualization to show datasets such as:
76+
77+
- Common database queries like logs, traces, metrics
78+
- Financial reports
79+
- Customer lists
80+
- Product catalogs
81+
82+
Any information you might want to put in a spreadsheet can often be best visualized in a table.
83+
84+
Tables also provide different styles to visualize data inside the table cells such as colored text and cell backgrounds, gauges, sparklines, data links, JSON code, and images.
85+
86+
## Configure a table visualization
6487

6588
The following video provides a visual walkthrough of the options you can set in a table visualization. If you want to see a configuration in action, check out the video:
6689

@@ -72,6 +95,38 @@ The following video provides a visual walkthrough of the options you can set in
7295
Annotations and alerts are not currently supported for tables.
7396
{{< /admonition >}}
7497

98+
## Supported data formats
99+
100+
The table visualization supports any data that has a column-row structure.
101+
102+
### Example
103+
104+
```
105+
Column1, Column2, Column3
106+
value1 , value2 , value3
107+
value4 , value5 , value6
108+
value7 , value8 , value9
109+
```
110+
111+
If a cell is missing or the table cell-row structure is not complete, the table visualization won’t display any of the data:
112+
113+
```
114+
Column1, Column2, Column3
115+
value1 , value2 , value3
116+
gap1 , gap2
117+
value4 , value5 , value6
118+
```
119+
120+
If you need to hide columns, you can do so using [data transformations](ref:data-transformation), [field overrides](#field-overrides), or by [building a query](ref:build-query) that returns only the needed columns.
121+
122+
If you’re using a cell type such as sparkline or JSON, the data requirements may differ in a way that’s specific to that type. For more info refer to [Cell type](#cell-type).
123+
124+
## Debugging in tables
125+
126+
The table visualization helps with debugging when you need to know exactly what results your query is returning and why other visualizations might not be working. This functionality is also accessible in most visualizations by toggling on the **Table view** switch at the top of the panel:
127+
128+
![The Table view switch](/media/docs/grafana/panels-visualizations/screenshot-table-view-on-11.2.png)
129+
75130
## Sort column
76131

77132
Click a column title to change the sort order from default to descending to ascending. Each time you click, the sort order changes to the next option in the cycle. You can sort multiple columns by holding the `shift` key and clicking the column name.

0 commit comments

Comments
 (0)