Change the starter app's main view to show a table.

<pre class="runnable javascript readonly">
import Table from "../../../node_modules/neo.mjs/src/table/Container.mjs";
import Viewport from "../../../node_modules/neo.mjs/src/container/Viewport.mjs";
import Store from "../../../node_modules/neo.mjs/src/data/Store.mjs";

class MainContainer extends Viewport {
    static config = {
        className: "Starter.view.MainContainer",
        autoMount: true,
        items: [{
            module: Table,
            flex: 1,
            store: {
                module: Store,
                model: {
                    fields: [{
                        name: "humanReadableLocation",
                    }, {
                        name: "size",
                        ntype: "data-field-float",
                    }, {
                        name: "timestamp",
                        type: "Date",
                    }, {
                        name: "title",
                        calculate: (data, field, item) => item.humanReadableLocation,
                    }, {
                        name: "position",
                        calculate: (data, field, item) => ({
                            lat: item.latitude,
                            lng: item.longitude,
                        }),
                    },
                    ],
                },
                url: "https://apis.is/earthquake/is",
                responseRoot: "results",
                autoLoad: true,
            },
            columns: [{
                dataField: "timestamp",
                text: "Date",
                renderer: (data) =>
                    data.value.toLocaleDateString(undefined, {
                        weekday: "long",
                        year: "numeric",
                        month: "long",
                        day: "numeric",
                    }),
            }, {
                dataField: "humanReadableLocation",
                text: "Location",
            }, {
                dataField: "size",
                text: "Magnitude",
                align: "right",
                width: 100,
                renderer: (data) => data.value.toLocaleString(),
            }],
        }],
        layout: {ntype: "fit"},
    };

    afterSetMounted(value, oldValue) {
        super.afterSetMounted(value, oldValue);
        if (!value) return;
        this.addDomListeners({
            "neo-debug-item-select": (event) => {
                event.path.forEach((item) => {
                    const component = Neo.getComponent(item.id);
                    if (component) console.log(component);
                });
            },
        });
    }
}

Neo.setupClass(MainContainer);

export default MainContainer;

</pre>
