1. Home
  2. 4: Data Tables

Linking Table Entries to Interfaces (No-Code)

Rayven makes it easy to create interactive applications by allowing you to link directly from data tables to other dashboards or custom interfaces—without writing any code.

Rayven allows you to build scalable, interactive applications by linking records from data tables directly to dashboards or interfaces—without writing a single line of code. This functionality enables users to click on a table row (e.g., an asset or alert) and automatically navigate to a detailed view of that record.


What You Can Do

By using Rayven’s dynamic link configuration, you can:

  • Create smart, context-aware navigation between dashboards.

  • Build reusable interfaces that adapt based on the selected record.

  • Eliminate the need to duplicate interfaces for each item or device.


Example Use Case

A table lists your assets. Each row has a “View” link. When clicked, it opens a dashboard that displays details specifically for that asset—filtered using its asset ID.


Step-by-Step: How to Add Dynamic Table Links

1. Create the Target Interface

Build or select the interface where the details will appear (e.g., Asset Detail Interface).

  • Ensure the interface is designed to respond to a variable (e.g., asset_id or device_name).

  • This variable will be passed from the table when a row is clicked.


2. Configure the Table Link Column

In your dashboard or HTML interface:

  1. Open the table widget’s configuration.

  2. Add a new column for the link (label it “View” or “Details”).

  3. In the column settings:

    • Set the link type to Dashboard/Interface.

    • Select your target interface.

    • Choose the field (e.g., asset_id) from the current row to pass.

    • Name the parameter (e.g., asset_id) so the interface can use it.

Rayven will automatically handle URL generation and parameter passing.


3. Prepare the Target Interface to Accept the Variable

In the interface you’re linking to:

  • For Dashboards: Add a Global Filter bound to the passed variable (e.g., asset_id).

  • For Custom HTML Interfaces: Use Rayven’s variable system to filter components based on the incoming value.

Design your interface to show:

  • General information (name, type, status).

  • Live data streams.

  • Historical trends and alerts.

  • Control elements if needed.


Benefits

  • No Coding Required: Entirely UI-configurable.

  • Interface Reusability: One interface can dynamically serve all items.

  • Real-Time Filtering: Detail views update instantly.

  • Better UX: Smooth transitions between overviews and details.


Summary Table

Task Action Required
Add link in table Use the “Dashboard/Interface” link type
Pass specific record data Choose row field and name the parameter
Respond to data in target Use global filters or variable-bound widgets
Code needed? None
 

Q&A

Q: Can I pass multiple values (e.g., device_id and device_name)?
A: Yes, you can define and pass multiple parameters by repeating the field selection and parameter naming steps in the link configuration.

Q: What happens if the target interface doesn’t have a matching filter?
A: The interface will still load, but the widgets may not filter correctly. Ensure the interface is configured to recognize and bind the passed parameter.

Q: Can I use this with custom HTML interfaces?
A: Absolutely. Rayven supports dynamic filtering in custom interfaces using its variable binding system.

Q: Can I hide the link column but still make rows clickable?
A: No, the link must be in a visible column. However, you can style the link to appear minimal or embed it in a button label.