Hi,

You can use the dataSource property to data bind the table.

<smart-table id="table"></smart-table>

<script>
  const table = document.getElementById('table');

  table.columns = [
    { label: 'ID', dataField: 'id' },
    { label: 'Name', dataField: 'name' },
    { label: 'Email', dataField: 'email' }
  ];

  table.dataSource = [
    { id: 1, name: 'Alice', email: 'alice@example.com' },
    { id: 2, name: 'Bob', email: 'bob@example.com' },
    { id: 3, name: 'Charlie', email: 'charlie@example.com' }
  ];
</script>

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/