No soy un desarrollador de frontend inteligente en particular, pero necesito mantener y mejorar dos componentes web que se usan para mostrar una tabla y filas en esa tabla.

Funcionó bien hasta ahora. El elemento de la tabla está consultando un json-api en el lado del servidor y está creando elementos <tx-row> sobre la marcha como:

 for (let tx of txlist) { let txRow = document.createRange().createContextualFragment(` <tx-row data-price="${this.price ? this.price : 0}" // many more attributes here </tx-row> `) this.tbody.append(txRow); // ... }

Así que ahora quiero ajustar eso y hacerlo reutilizable. En mi caso, quiero agregar una primera columna opcional donde cada fila tenga una casilla de verificación que debería llamar a algún código javascript.

Si esto fuera solo un componente, las tragamonedas probablemente ya habrían resuelto mi problema. Sin embargo, aquí tendría que pasar de alguna manera la ranura más abajo en la tx-row y no suena como ciencia espacial, sino algo muy simple, pero no puedo resolverlo.

Si esto es fácil si usara XYZ-framework , realmente espero que este marco sea bastante delgado. Ya sabes... frontend-developmenet no me parece que hubiera evolucionado mucho desde el estado de 2016 .

Pero sin embargo, ¡cualquier pista es muy apreciada! Por ejemplo, si alguien puede señalar un lugar donde ya se resolvió algo similar.