JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/source/modules/smart.table.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/source/styles/smart.default.css">
<smart-table id="table" data-row-id="id" sort-mode="one">
	<table>
		<thead>
			<tr>
				<th>id</th>
				<th>name</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>a</td>
				<td>Item A</td>
			</tr>
			<tr>
				<td>b</td>
				<td>Item B</td>
			</tr>
			<tr>
				<td>c</td>
				<td>Item C</td>
			</tr>
		</tbody>
	</table>
</smart-table>
<button>Update Item C</button>

JavaScript

document.querySelector('button').onclick = () => {
  const table = document.getElementById('table');
	table.updateRow('c', {id: 'c', name: 'Item C2'});
}