Kempo UI Icon Kempo UI

Kempo UI

Kempo UI Icon

Components

Accordion Aside Calendar Card Chat Code Editor Combobox ColorPicker Content Slider Context Dialog Dropdown Filter List FocusCapture HTML Editor Markdown Markdown Editor Icon Import Nav Nav Spacer Photo Viewer Pagination Progress Rating Resize Show More Slider Sortable Speech To Text Spinner Split Table Tabs Tags Text To Speech Theme Select Theme Switcher Time Timestamp Toast Toggle Tree Video Voice Selector
Base Components
Shadow Component Light Component Hybrid Component Button
Utils
closestAcrossShadow cookie context debounce drag elevation formatTimestamp object propConverters sanitizeHtml string theme type voice wait

Table - Field Sort and Hide

Back to Table Component Documentation

This example shows how to use the <kc-tc-field-sort-hide> component to allow users to show or hide fields in the table, and sort fields.

<k-table id="fieldVisibilityExample">
  <kc-tc-field-sort-hide slot="top"></kc-tc-field-sort-hide>
</k-table>
<script type="module" src="/src/components/controls/TcFieldSortHide.js"></script>
<script type="module">
  document.getElementById('fieldVisibilityExample').setRecords(contacts);
</script>