Back to Table Component Documentation
The table component supports controls at both the top and bottom. These controls can handle pagination, adding new records, or other actions. They are web components that interact with their parent k-table
by accessing its methods and listening for its events.
<k-table id="topBottomControlsExample">
<k-tc-export-json slot="top"></k-tc-export-json>
<k-tc-export-csv></k-tc-export-csv>
</k-table>
<script type="module" src="../kempo/components/tableControls/ExportJson.js"></script>
<script type="module" src="../kempo/components/tableControls/ExportCsv.js"></script>
<script type="module">
document.getElementById('topBottomControlsExample').setRecords(contacts);
</script>