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

Back to Table Component Documentation

The sorting feature allows users to sort the records displayed in the table by clicking on the column headers. This is enabled by setting the enable-sorting="true" attribute.

Once enabled the user can sort the records by clicking on the fields.

<k-table id="sortingExample" enable-sorting="true"></k-table>
<script type="module">
  document.getElementById('sortingExample').setRecords(contacts);
</script>