Using custom components in grid cells

Here’s a brief snippet of code from a test I’m running up:

import {NGXCButton} from '../../../common/components/ui.jsx';

class GridTest extends Component {

render() {
        const ActiveAction = <NGXCButton btnText='Active' active={true} />

        const columnMeta = [{
            columnName: 'name',
        }, {
            columnName: 'shortStatus',
            displayName: 'Status'
        }, {
            columnName: 'id',
            customComponent: ActiveAction
        }];

        return (
            <Griddle
                columns={['name', 'shortStatus', 'id']}
                columnMetadata={columnMeta}
                useExternal={true}
                externalSetPage={this.setPage}
                externalChangeSort={this.changeSort}
                externalSetFilter={this.setFilter}
                externalSetPageSize={this.setPageSize}
                externalMaxPage={this.props.maxPages}
                externalCurrentPage={this.props.currentPage}
                results={this.props.campaigns}
                resultsPerPage={this.props.resultsPerPage}
                externalSortColumn={this.props.sortColumn}
                externalSortAscending={this.props.sortAscending}
                showFilter={true}
                showSettings={true}
            />
        );
    }
}

Given that this doesn’t work in the browser, am I right in saying there’s no way of including an existing component in a column?

[ryanlanciaux]

Well 😃 I’m trying – Just moved and getting ready to welcome a new baby into the world. We will see – it’s fairly close BUT trying to get the API solidified a bit more so we’re not recommending basing plugins on an API that we later decide is not going to work. Also we’d like to give time for people to work with the beta a bit (when that’s available) to get more eyes on everything.

[slashwhatever]

Looking forward to 1.0 …soon…? 😃