JSFiddle - React, Tailwind, and code Playground

by stitot

HTML

<script src="https://cdn.jsdelivr.net/npm/@highcharts/grid-lite/grid-lite.js"></script>

<div id="container"></div>

CSS

@import url("https://cdn.jsdelivr.net/npm/@highcharts/grid-lite/css/grid-lite.css");

body {
    background: var(--highcharts-background-color);
    color: var(--highcharts-neutral-color-100);
}

#container {
    padding: 12px;
}

.hcg-container .highlight_green {
    background-color: green !important;
}

JavaScript

Grid.grid('container', {
    dataTable: {
        columns: {
            string: [
                'asdf asdfasdf',
                ,
                'qtertert',
                'wertwert',
            ],
            number: [1,2,,4],
        }
    },
    columnDefaults: {
        cells: {
                className: 'highlight_green', // Doesn't work...
                formatter: function() {
                    return this.value // ...if return here is null etc.
                }
            },
    },
});