Table - Top and Bottom Controls

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>