Hi,
The simplest way is:
<smart-table id="table"></smart-table>
<script>
const table = document.getElementById('table');
// Initial data
let data = [
{ id: 1, name: 'Alice', age: 25 },
{ id: 2, name: 'Bob', age: 30 }
];
table.dataSource = data;
// Listen for changes
table.addEventListener('endEdit', (event) => {
const { row, dataField, value } = event.detail;
// Update the external model
data[row][dataField] = value;
console.log('Updated data:', data);
});
</script>
By handling the endEdit event and syncing with the data source.
Best regards,
Markov
Smart UI Team
https://www.htmlelements.com/
.
