Loading a Grid 5

Alex (@alex)

38819

1

0

About This Space

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.


Last updated on August 6, 2019

Public Permissions:   View   Open/Fork   Run   Comment  

Loading a Grid Template

This template illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.

Grid Widget

The grid widget supports many capabilities that you can provide to your end-users with little to no manual coding. These capabilities include:

  • Column Sorting
  • Movable columns
  • Resizable columns
  • Export to Excel or CSV
  • Paging Bar
  • Row selection
  • Searching for data within the grid
  • Data filtering
  • Hiding columns
  • Context menus
  • Row Folding
  • Automatic database table reading with zero code
  • Row drag and drop
  • And more

Using Visual Designer to setup a Grid

You can use the Visual Designer to design the layout and the behavior of your grid. You can click to add or remove columns and visible rows. You can visually resize rows, columns, and headings. You can edit the heading text inline. You can also configure 100's of properties using the Properties Window on the right. Finally, each grid column can host one or more input or output widgets -- simply drag the desired widget into the first row of the grid in the Visual Designer.

Screenshot

API

Comments

Write Preview Markdown: bold italic code link
Post

4 years ago

how to make the grid loading dynamic

More Spaces By Alex (@alex)

Filters:

Popular Recent

Example of loading MongoDB data and showing it in a grid

36749

0

0

Eat other NodeRun players to win prizers

36331

4

3

React.js using Rich Display Components built in the Visual Designer

35982

0

1

Just testing some ajax calls

35817

0

1

Exploring Rich Display to build a shopping cart

35237

0

0

Static HTML Hello World App

35033

0

0

A demo of how to build Rich Displays in the Visual Designer that integrate with external CSS and JavaScript file

34616

0

0

Stateless demo app, where the mobile client or the browser would control the flow of the application

34326

0

0

This example consumes a list of countries from a GraphQL service

34312

0

0

33771

0

0

33631

0

0

ejs leading & trailing spaces

33472

0

1