Skip to content

Commit db5fdd0

Browse files
authored
Update tabular visualizer article for expression editing support (#12849)
* Update tabular visualizer article for expression editing support * Added screenshot for expression editing * edit
1 parent 726c989 commit db5fdd0

6 files changed

+14
-6
lines changed
Loading
Loading
Loading
Binary file not shown.
Loading

docs/debugger/view-data-in-tabular-visualizer.md

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "View data with the Tabular visualizer "
33
description: View large collection objects with built-in tabular visualizers in the Visual Studio debugger and examine data by row and column for fields and properties.
4-
ms.date: "01/19/2023"
4+
ms.date: "07/30/2024"
55
ms.topic: "conceptual"
66
dev_langs:
77
- "CSharp"
@@ -29,35 +29,43 @@ To open the visualizer, you must be paused during debugging.
2929

3030
You can access the visualizer by clicking on the magnifying glass icon that appears next to the Value for one of those objects ![VisualizerIcon](../debugger/media/dbg-tips-visualizer-icon.png "Visualizer icon") in a debugger variables window or in a DataTip.
3131

32-
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-debugger-visualizer.png" alt-text="Diagram of Open an IEnumerable visualizer.":::
32+
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-debugger-visualizer.png" alt-text="Screenshot of Open an IEnumerable visualizer.":::
3333

3434
## DataSet visualizer
3535

3636
The DataSet Visualizer allows you to view the contents of a DataSet, DataTable, DataView, or DataViewManager object.
3737

38-
:::image type="content" source="../debugger/media/dbg-tips-dataset-visualizer.png " alt-text="Diagram of View the DataSet visualizer data.":::
38+
:::image type="content" source="../debugger/media/dbg-tips-dataset-visualizer.png " alt-text="Screenshot of View the DataSet visualizer data.":::
39+
3940
## IEnumerable visualizer
4041

4142
Starting in Visual Studio 2022, you can view IEnumerable collections in a tabular view.
4243

4344
The IEnumerable visualizer helps explore large collection objects in a more streamlined way. The visualizer supports IEnumerable collections where the object type (T) can be simple types or complex types like dictionaries.
4445

45-
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-visualizer-data.png" alt-text="Diagram of View the IEnumerable visualizer data.":::
46+
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-visualizer-data.png" alt-text="Screenshot of View the IEnumerable visualizer data.":::
4647

4748
You can use the right-click context menu to customize the view:
4849

4950
- Select **Hide Column** to hide duplicate data.
5051
- Select **Expand Column** to see more details items in the complex data.
5152
- Select **Hide Children** to get a more concise view of your data.
5253

53-
## Filter, sort, and export visualizer data
54+
## Filter, sort, and export visualizer data
55+
5456
- Both DataSet and IEnumerable support filtering, sorting, and exporting of visualizer data.
5557
- You can sort the visualizer columns in ascending/descending order by clicking on the column name.
5658
- You also can filter visualizer data based on a filter string. Enter the string in the filter box in the upper right corner and press Enter. The Visualizer returns all the rows that contain a value that matches the filter string.
5759
- You can export the data from IEnumerable visualizers in CSV/Excel format using the dropdown on the top right corner.
5860
- You can also export the filtered and sorted results in CSV/Excel format.
5961

60-
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-visualizer-filtering.gif" alt-text="Diagram of View the visualizer data filter.":::
62+
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-visualizer-filtering.png" alt-text="Screenshot of View the visualizer data filter.":::
63+
64+
## Modify the visualizer expression
65+
66+
Starting in Visual Studio 2022 version 17.11 Preview 6, you can directly change the **Expression** textbox with a modified LINQ expression. The visualizer data gets updated, reflecting the data change resulting from your new query.
67+
68+
:::image type="content" source="../debugger/media/vs-2022/dbg-ienumerable-visualizer-edit-expression.png" alt-text="Screenshot of View the visualizer data edit the expression.":::
6169

6270
## Related content
6371
- [View strings in a string visualizer](../debugger/view-strings-visualizer.md)

0 commit comments

Comments
 (0)