<pre style="font-size: 13pt; color: gray; ">
{
    module: Table,
    store: {
        module: Store,
        model: { fields: [{ name: 'timestamp', type: 'Date' }, { name: 'humanReadableLocation' }, { name: 'quality' }] },
        data: [
            { "timestamp": "2017-10-13T12:07:24.000Z", "latitude": 63.976, "longitude": -21.949, "depth": 1.1, "size": 0.6, "quality": 58.73, "humanReadableLocation": "6,1 km SV af Helgafelli" },
            { "timestamp": "2017-10-13T09:50:50.000Z", "latitude": 65.124, "longitude": -16.288, "depth": 7.2, "size": 0.9, "quality": 78.51, "humanReadableLocation": "6,1 km NA af Herðubreiðartöglum" },
        ]
    },
    columns: [
        { dataField: 'humanReadableLocation', text: 'Location' },
        {
            dataField: 'timestamp', 
            text: 'Date', 
            <span style="font-weight: bold; color: #b91010">renderer: data => new Intl.DateTimeFormat('en-US', {
                year: 'numeric', month: 'long', day: 'numeric', weekday: 'long',
                hour: 'numeric', minute: 'numeric', second: 'numeric',
                hour12: false,
                timeZone: 'America/Los_Angeles'
            }).format(data.value)</span>
        },
        {
            dataField: 'quality', 
            text: 'quality', 
            <span style="font-weight: bold; color: #b91010">renderer: data => new Intl.NumberFormat('en-US', {
                minimumFractionDigits: 3
            }).format(data.value)</span>
        },
    ]
}
</pre>