# 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>