const csvColumns = (
<Show when={data()}>
<For each={data()}>{(item, index) => <ConnectionTarget name={item} />}</For>
</Show>
);
onMount(() => {
const csv = `Name,Email,Age
John Doe,[email protected],30
Jane Smith,[email protected],25
Alice Johnson,[email protected],35
`;
const rows = csv.split('\n');
const firstRow = rows[0].split(',');
setData(firstRow);
//offload the line drawing
debugger;
const colsX = csvColumns.map((component) => component());
});
const csvColumns = (
<Show when={data()}>
<For each={data()}>{(item, index) => <ConnectionTarget name={item} />}</For>
</Show>
);
onMount(() => {
const csv = `Name,Email,Age
John Doe,[email protected],30
Jane Smith,[email protected],25
Alice Johnson,[email protected],35
`;
const rows = csv.split('\n');
const firstRow = rows[0].split(',');
setData(firstRow);
//offload the line drawing
debugger;
const colsX = csvColumns.map((component) => component());
});