Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Table › How do I integrate Table with React Portals for modals? › Reply To: How do I integrate Table with React Portals for modals?
September 30, 2025 at 7:27 am
#112999
Keymaster
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/