How to add a static table as information

[vailenwallaces]

Hello,

I want to give the user an overview before they, for example, order new accounts.
I have the data that I want to display in a variable:

data : "[{"name":"[email protected]","type":"SuperAdmin"},{"name":"[email protected]","type":"NichtsoSuperAdmin"},{"name":"[email protected]","type":"NichtsoSuperAdmin"}])"

I tried solving this using a table.

- type: table
  name: superaccount
  expression: "$(data)"
  label: "Here are your Admin Accounts"
  allowInsert: false
  allowDelete: false
  readonlyColumns:
     - name
     - type
  tableFields:
     - name: name
        type: text
        icon: user
        label: Login Name
     - name: type
       type: text
       label: Account Type
   noOutput: true
   

Is there possibly a better way?
Or is there perhaps an option to hide the Action column?

I understand that "table" is not really intended for this purpose. I played around a bit with "html," but I couldn't quite get it to work.

Or are there other ways? Did I miss something?

thx

[ansibleguy76]

this ?

[ansibleguy76]

name: htmltest
type: ansible
playbook: dummy.yaml
description: ""
roles:
  - admin
categories: []
tileClass: has-background-info-light
icon: bullseye
fields:
  - name: data
    type: expression
    value:
      - name: Ansible
        age: 48
      - name: Guy
        age: 50
  - name: summary
    type: html
    expression: >
      ((data)=>{
      	
        const headers = Object.keys(data[0]);
        const headerHtml = `<tr>${headers.map(h => `<th>${h}</th>`).join('')}</tr>`;
        const rowsHtml = data.map(row =>
          `<tr>${headers.map(h => `<td>${row[h]}</td>`).join('')}</tr>`
        ).join('');
        return `<p class="has-text-weight-bold">Summary</p><table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth"> <thead>${headerHtml}</thead> <tbody>${rowsHtml}</tbody></table>`
      })($(data))

[ansibleguy76]

note the css framework is bulma 0.9, so you need use that styling... If I ever find time to finish v6, it will be bootstrap