v1.2.0

Frameworks

Table, Bro is the Custom Element ‹table-bro›: every framework that renders HTML elements renders it, without a wrapper package. A page gives the table its columns, rows and config by configure({cols, rows, conf}), listens to its bro-action events and sets its theme attribute; each framework does it in its own way. The pages of this section show it in Angular, whose package @table-bro/angular gives the component ‹table-bro-ng› with inputs and outputs, and in Preact, React, Solid, Svelte and Vue, each with a working page of its sample project in the repository and StackBlitz. How each framework passes data and events to Custom Elements is tested by Custom Elements Everywhere.

Polymer and Lit

Polymer and Lit build Custom Elements themselves, so their templates render ‹table-bro› as any HTML element, without a wrapper: the code of the element calls configure() of the table and listens to its bro-action events as of any element (Polymer, Custom element concepts, Lit, What is Lit?).

DJ