Table - Record Hiding

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">
  await window.customElements.whenDefined('k-table');
  document.getElementById('recordHidingExample').setRecords(contacts);
</script>