<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Fun with Dashboarding and Strato in Dashboarding</title>
    <link>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/270536#M4788</link>
    <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;Nice to know (-; you can reuse lots of strato components in your dashboard, so you can start paddling before you start swimming (-;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="henk_stobbe_0-1740057865792.png" style="width: 400px;"&gt;&lt;img src="https://community.dynatrace.com/t5/image/serverpage/image-id/26537iEEBBF0A8DC86B1C7/image-size/medium?v=v2&amp;amp;px=400" role="button" title="henk_stobbe_0-1740057865792.png" alt="henk_stobbe_0-1740057865792.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;In your Dashboard code:&lt;/P&gt;&lt;P&gt;import type { TableColumn } from '@dynatrace/strato-components-preview/tables';&lt;BR /&gt;import { DataTable } from '@dynatrace/strato-components-preview/tables';&lt;/P&gt;&lt;P&gt;export default async function () {&lt;BR /&gt;const sampleColumns: TableColumn[] = [&lt;BR /&gt;{&lt;BR /&gt;header: 'Host',&lt;BR /&gt;accessor: 'host',&lt;BR /&gt;ratioWidth: 1,&lt;BR /&gt;},&lt;BR /&gt;{&lt;BR /&gt;header: 'Traffic',&lt;BR /&gt;accessor: 'traffic',&lt;BR /&gt;ratioWidth: 1,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;( . . .)&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;resulting dashboard:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="henk_stobbe_1-1740058001611.png" style="width: 400px;"&gt;&lt;img src="https://community.dynatrace.com/t5/image/serverpage/image-id/26539i8D177CA8643F4D25/image-size/medium?v=v2&amp;amp;px=400" role="button" title="henk_stobbe_1-1740058001611.png" alt="henk_stobbe_1-1740058001611.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;KR Henk&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Thu, 20 Feb 2025 13:36:41 GMT</pubDate>
    <dc:creator>henk_stobbe</dc:creator>
    <dc:date>2025-02-20T13:36:41Z</dc:date>
    <item>
      <title>Fun with Dashboarding and Strato</title>
      <link>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/270536#M4788</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;Nice to know (-; you can reuse lots of strato components in your dashboard, so you can start paddling before you start swimming (-;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="henk_stobbe_0-1740057865792.png" style="width: 400px;"&gt;&lt;img src="https://community.dynatrace.com/t5/image/serverpage/image-id/26537iEEBBF0A8DC86B1C7/image-size/medium?v=v2&amp;amp;px=400" role="button" title="henk_stobbe_0-1740057865792.png" alt="henk_stobbe_0-1740057865792.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;In your Dashboard code:&lt;/P&gt;&lt;P&gt;import type { TableColumn } from '@dynatrace/strato-components-preview/tables';&lt;BR /&gt;import { DataTable } from '@dynatrace/strato-components-preview/tables';&lt;/P&gt;&lt;P&gt;export default async function () {&lt;BR /&gt;const sampleColumns: TableColumn[] = [&lt;BR /&gt;{&lt;BR /&gt;header: 'Host',&lt;BR /&gt;accessor: 'host',&lt;BR /&gt;ratioWidth: 1,&lt;BR /&gt;},&lt;BR /&gt;{&lt;BR /&gt;header: 'Traffic',&lt;BR /&gt;accessor: 'traffic',&lt;BR /&gt;ratioWidth: 1,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;( . . .)&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;resulting dashboard:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="henk_stobbe_1-1740058001611.png" style="width: 400px;"&gt;&lt;img src="https://community.dynatrace.com/t5/image/serverpage/image-id/26539i8D177CA8643F4D25/image-size/medium?v=v2&amp;amp;px=400" role="button" title="henk_stobbe_1-1740058001611.png" alt="henk_stobbe_1-1740058001611.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;KR Henk&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 20 Feb 2025 13:36:41 GMT</pubDate>
      <guid>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/270536#M4788</guid>
      <dc:creator>henk_stobbe</dc:creator>
      <dc:date>2025-02-20T13:36:41Z</dc:date>
    </item>
    <item>
      <title>Re: Fun with Dashboarding and Strato</title>
      <link>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275784#M4975</link>
      <description>&lt;P&gt;Hello Henk,&lt;/P&gt;&lt;P&gt;I've just tried to create code tile that is running a strato component code.&lt;/P&gt;&lt;P&gt;But I get this error.&lt;/P&gt;&lt;P&gt;Do you know can I fix it?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thank you&lt;/P&gt;&lt;P&gt;Best regards&lt;/P&gt;&lt;P&gt;Freddy&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;{
  "error": {
    "code": 541,
    "message": "Execution crashed.",
    "details": {
      "logs": null,
      "type": "BAD_REQUEST",
      "message": "Parse error: Expected '&amp;gt;', got 'columns' at file:///script.ts:76:21\n\n    return &amp;lt;DataTable columns={columns} data={data} /&amp;gt;;\n                      ~~~~~~~",
      "details": {
        "sourceLine": "  return &amp;lt;DataTable columns={columns} data={data} /&amp;gt;;",
        "lineNumber": 76,
        "startColumn": 21
      }
    }
  }
}&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 23 Apr 2025 17:05:38 GMT</pubDate>
      <guid>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275784#M4975</guid>
      <dc:creator>f_selvanadin</dc:creator>
      <dc:date>2025-04-23T17:05:38Z</dc:date>
    </item>
    <item>
      <title>Re: Fun with Dashboarding and Strato</title>
      <link>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275824#M4981</link>
      <description>&lt;P&gt;Good morning,&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="henk_stobbe_0-1745481557861.png" style="width: 400px;"&gt;&lt;img src="https://community.dynatrace.com/t5/image/serverpage/image-id/27700iBE7BBF1409E74F0F/image-size/medium?v=v2&amp;amp;px=400" role="button" title="henk_stobbe_0-1745481557861.png" alt="henk_stobbe_0-1745481557861.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The error is basically, you can not use JSX in a dashboard. I have completed the example so this should make it clear.&amp;nbsp;&lt;/P&gt;&lt;P&gt;Have fun!&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;/*&lt;BR /&gt;* This function will run in the DYNATRACE JavaScript runtime.&lt;BR /&gt;* For information visit &lt;A href="https://dt-url.net/functions-help" target="_blank"&gt;https://dt-url.net/functions-help&lt;/A&gt;&lt;BR /&gt;*/&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;import type { TableColumn } from '@dynatrace/strato-components-preview/tables';&lt;BR /&gt;import { DataTable } from '@dynatrace/strato-components-preview/tables';&lt;/P&gt;&lt;P&gt;export default async function () {&lt;BR /&gt;const sampleColumns: TableColumn[] = [&lt;BR /&gt;{&lt;BR /&gt;header: 'Host',&lt;BR /&gt;accessor: 'host',&lt;BR /&gt;ratioWidth: 1,&lt;BR /&gt;},&lt;BR /&gt;{&lt;BR /&gt;header: 'Traffic',&lt;BR /&gt;accessor: 'traffic',&lt;BR /&gt;ratioWidth: 1,&lt;BR /&gt;}]&lt;BR /&gt;&lt;BR /&gt;return sampleColumns;&lt;BR /&gt;}&lt;/P&gt;</description>
      <pubDate>Thu, 24 Apr 2025 08:01:52 GMT</pubDate>
      <guid>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275824#M4981</guid>
      <dc:creator>henk_stobbe</dc:creator>
      <dc:date>2025-04-24T08:01:52Z</dc:date>
    </item>
    <item>
      <title>Re: Fun with Dashboarding and Strato</title>
      <link>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275848#M4982</link>
      <description>&lt;P&gt;Thank you very much&amp;nbsp;&lt;SPAN&gt;Henk&lt;/SPAN&gt;&lt;/P&gt;</description>
      <pubDate>Thu, 24 Apr 2025 12:02:24 GMT</pubDate>
      <guid>https://community.dynatrace.com/t5/Dashboarding/Fun-with-Dashboarding-and-Strato/m-p/275848#M4982</guid>
      <dc:creator>f_selvanadin</dc:creator>
      <dc:date>2025-04-24T12:02:24Z</dc:date>
    </item>
  </channel>
</rss>

