Skip to content
CanopyX

CanopyX documentation

Build tree grids and data grids in C# or JavaScript, then ship them as a single file, a folder on a file share, a hosted view or a script-free table.

dotnet add package CanopyX.Html
This documentation CanopyStaticHtml.Render(map)
TopicOutput
Start
Getting startedTree and grid
JavaScriptMounted view
Build
Reporting gridsGrouped grid
Email and printStatic table
Ship
Delivery modesFile layouts
Data protocolMessages
Reference
Authoring guideOptions
The topics below as a CanopyX tree, rendered without script during the build.

Topics

Each topic is shown with the output its page produces. The renders are CanopyX output from the same build as this site.

Start2 topics

  • Getting started

    Install, then build a file explorer and an inventory table in C#.

    CanopyTreeViewCanopyDataGridView
  • JavaScript

    Mount the same runtime from npm and translate its controls.

    createTreeGridcreateDataGrid

Build2 topics

  • Reporting grids

    Group, filter, aggregate and export records with presenters.

    CanopyGridReportingCanopyGridPresenter
  • Email and print

    Script-free tables from the same views for mail, print and Word.

    CanopyStaticHtml

Ship2 topics

  • Delivery modes

    Single file, sidecar bundle or hosted data, and what each writes.

    SaveHtmlPageSaveHtmlBundle
  • Data protocol

    The canopyx/2 documents beside the grids they produce.

    canopyx/2 viewpagegrid

Reference0 topics

    Where to begin

    Start with Getting started if you write C#: it installs the package and builds a tree and a table you can open from disk. Start with JavaScript if your page already has a front end. Then pick a delivery mode for the size of your data, and keep the data protocol at hand when your own server answers the requests.