# Table - Row Controls

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