Back to Table Component Documentation
<k-table id="rowControlsExample">
<k-tc-export-json slot="before" max-width="40">
<k-icon name="export-file"></k-icon>
</k-tc-export-json>
<k-tc-delete-record slot="after"></k-tc-delete-record>
</k-table>
<script type="module" src="../kempo/components/tableControls/ExportJson.js"></script>
<script type="module" src="../kempo/components/tableControls/DeleteRecord.js"></script>
<script type="module">
document.getElementById('rowControlsExample').setRecords(contacts);
</script>
The table component can display controls before or after each row. Each control is defined by an icon name, a callback function, and optionally an HTML string or a render function.