Examples
Sometimes the fastest way to learn a feature is to open a working example and take it apart. Each example below is a complete project to download: a small model together with the view that renders it, built around one feature worth seeing in action. All examples import the SysideViews library, which is not included in the downloads. Open an example in the Views Explorer, or export it with syside table export.
Table view overview
A simple example table view - a small rover model renders as a table with six different columns.
Hierarchical table overview
The same first look for hierarchical tables. A small requirement hierarchy opens as a collapsible tree, already expanded: the first column carries the nesting, and the ID and documentation columns fill in each requirement’s details. Collapse a node, edit a documentation cell, and compare the rendered tree with the view definition that produced it.
Fanning out rows
Two chained UsageFan anchors split rows twice over: each part fans into one sub-row per port, and each
port fans on into one sub-row per attribute. Cells above a fan span the sub-rows it
produced, columns chain off either anchor, and a port with no attributes shows the
first fan-out level applying while the second comes up empty.
Fan-out in a hierarchical table
A hierarchical table combined with a
fan-out: an anchored UsageFan splits each
definition row into one sub-row per attribute, shared by an attribute-name and an
attribute-value column. A fanned tree row becomes several sub-rows at the same tree
position, with the node’s children hanging off the last of them.
Accessing hierarchy usages
A hierarchical table navigating between
each row’s definition and the usage the tree reached it through. The tree column is
redefined with UsageHTV to label rows by usage, which tells apart two rows typed
by the same definition, and Owner(UsageHTV(baseViewElement)) chains onwards from
that usage to name each row’s tree parent.
All examples in one download
Every example on this page in a single archive, one folder per example: