View data
When you double-click a table in the Database tool window ( ), the table, view, or virtual view opens in the data editor.
Data view modes
You can browse and edit table data in three modes: Table, Tree, Text, and Transpose. To switch between these modes, click the View as button (
) and select the mode that you need.
Transpose: viewing mode in which rows and columns are interchanged. You can combine this checkbox with other viewing modes.
To make this mode a default for tables and views, open settings by pressing Ctrl+Alt+S and navigate to and select the Automatically transpose tables. When this option is enabled, query results are not transposed.
Table: the default viewing mode of table data. Data in a table is stored in a cell that is an intersection of a vertical column and horizontal row.
Tree: viewing mode in which data is displayed in the key-value table with the possibility to expand the key cell if it contains children nodes. Data from the expanded children node is distributed between key and value columns. You might consider using this mode to work with JSON and array data.
Text: viewing mode in which data is displayed as a text.
Transpose a table, a view, or a virtual view
You can rotate the table data from rows to columns and from columns to rows. In the transposed view, the rows and columns are interchanged. You can combine the transpose action with other viewing modes.
To transpose a table, a view, or a virtual view click the View as button (
) and select Transpose.
View the query that generated the result set
To see the query that was used to generate the result table, click the Show Options Menu icon (
) and select View Query. If necessary, you can select the query text and copy it to the clipboard by pressing Ctrl+C.To close the pane where the query is shown, press Escape.
Preview DML
When you insert, delete, or modify data in a table editor, you can preview the query that WebStorm uses to perform selected operations. To preview the query, click the Preview pending changes button (
) on the toolbar.
Reload data for the table view
You need to reload data for the table view if you want to synchronize the data that you see in the editor with the contents of the database. Or, when you want to apply the page size limit setting after its change.
Click the Reload Page icon
on the toolbar.Right-click the table and select Reload Page from the context menu.
Press Ctrl+F5.
Value editor
Value editor is a separate editor where you can edit data that is stored in the cell. To open Value editor, in the cell context menu select Open in Value Editor.
To edit the value in Value editor, do the following:
To start a new line, press Enter.
To enter the value, press Ctrl+Enter.
To restore an initial value and quit the editing mode, press Escape.
To enable soft wrap in the editor by clicking the Toggle Soft-Wrap button
.
If you store one-line JSON in a cell, you can click the Toggle Formatting icon. This action formats one-line XML and JSON strings.
Also, you can preview images in the value editor.
Note that to leverage the performance issues, the default LOB size is limited to 1024 bytes. It means that only 1024 bytes are loaded to the table editor. To increase this size and view larger images, open settings by pressing Ctrl+Alt+S, navigate to , and change the value of the Maximum number of bytes loaded per value option.
Aggregate view
In the Aggregate view, you can select values of multiple cells and get a single summary value. To open Value editor, in the cell context menu select Show Aggregate View.
Click the gear icon on the toolbar of the Aggregates tab to view, enable, and disable aggregates. Also, you can create your own aggregate scripts. Bundled scripts are located in Scratches and Consoles | Extensions | Database Tools and SQL | data | aggregators. To add your own aggregator, place your script to the aggregators directory.
Using Geo viewer for geographical data in PostgreSQL
The Geo viewer is a graphic viewer that you can use to explore geospatial data in your database. The Geo viewer opens in the Services tool window. You can click rows to navigate to the corresponding area on the map or click a pin on the map to navigate to the corresponding row.
To detach the Geo viewer tab from the Services tool window, drag it from the Services tool window.
Currently, WebStorm supports coordinates in the following formats: WKT, WKB, and PostGIS geometry 4326.
View geographical data with the Geo viewer
In the Database tool window ( ) , double-click the table with geographical data.
Click the Show Options Menu icon (
) and select Show Geo Viewer.Read the notification about possible risks of enabling JCEF. If you accept the risk, click Enable JCEF.
In the Restart Required window, click Restart Now.
After the restart, press Ctrl+F5 or reopen the table with geographical data.
Click the Show Options Menu icon (
) and select Show Geo Viewer.
Recover WebStorm after enabling JCEF
Navigate to the config directory.
- Syntax
%HOMEPATH%\.<product><version>\config\projects
- Example
C:\Users\JohnS\.WebStorm2023.1\config\projects
- Syntax
~/Library/Application Support/<product><version>
- Example
~/Library/Application Support/WebStorm2023.1
- Syntax
~/.<product><version>/config/plugins
- Example
~/.WebStorm2023.1/config/plugins
In the options directory, open ide.general.xml in a text editor.
Remove the following line:
<entry key="ide.browser.jcef.enabled" value="true" />