[
    {
        name: string,
        displayName: string,
        minWidth: number,
        width: number || string, // 120, '60%' depends on viewportWidth
        maxWidth: number,
        pinnedLeft: boolean,
        pinnedRight: boolean,
        enableResizing: boolean,
        enableMoving: boolean,
        enableFiltering: boolean,
        enableSorting: boolean,
        sort: null | 'asc' | 'desc',
        placeholder: string,
        filter: string
    }
]

({
    gridState,
    callback,
    column,
    index: number, // columnIndex
    last: boolean, // is the last column
    ghost: boolean // is column moving ghost
}) => nodes

({
    gridState,
    columns, // columns with width
    callback,
    datum, // row data
    index: number // row index
}) => nodes