Documentation

Markup

    
<div>
  <cba-table caption="Actions" droppable="true" reorder="true">
    <cba-column text="texts.data" width="33%">data</cba-column>
    <cba-column text="texts.event" width="33%">event</cba-column>
    <cba-column text="texts.value" width="33%">value</cba-column>
  </cba-table>
</div>

<div>
  <cba-list id="functions" heading="Functions" drag="true" tooltip-text="tooltip.text" tooltip-link="tooltip.link"></cba-list>
</div>
    
  

dragndrop event

    
cbaTable.addEventListener("dragndrop", ({detail}) =>
{
  console.log(detail);
});