Table - Record Hiding

Back to Table Component Documentation

The table component supports record hiding. To allow for hiding add the "hide" control to the "before" or "after" controls. There is a built-in "showAll" control that can be added to the "top" or "bottom" controls to reveal previously hidden fields.

<k-table id="recordHidingExample">
<k-tc-hide slot="after"></k-tc-hide>
<k-tc-hidden-count></k-tc-hidden-count>
<k-tc-show-all></k-tc-show-all>
</k-table>
<script type="module" src="../kempo/components/tableControls/Hide.js"></script>
<script type="module" src="../kempo/components/tableControls/HiddenCount.js"></script>
<script type="module" src="../kempo/components/tableControls/ShowAll.js"></script>
<script type="module">
document.getElementById('recordHidingExample').setRecords(contacts);
</script>