columns prop of Row about react-redux-grid HOT 12 CLOSED

Ah, you've got a typo there.

grid: Reducers.grid should be grid: Reducers.Grid

Try that out and let me know? Also, I assume in your code its ...gridReducers not ..gridReducers

from react-redux-grid.

Good eyes!

Thanks mate.

from react-redux-grid.

A similar issue has been reported (I believe it's a bug in the new stateful feature). I'm researching this morning, and will have a fix soon.

from react-redux-grid.

@innopal this was causing a different but possibly related issue. Would you mind installing master and seeing if that fixes your issue?

from react-redux-grid.

@bencripps It did not fix my issue. I still see the columns array empty (in Row.js) but columns property in columnManager has all the columns. Funny thing is that I don't even have column manager as a plugin. In fact my plugins array is empty.

from react-redux-grid.

Could you post all of the data you are passing the grid? Columns, a sample of 5 or so rows, and all the other config your passing.

from react-redux-grid.

Sure.
Here is the config:
const config = {
columns,
pageSize,
plugins,
events,
height,
stateKey: gridStateKey,
store: this.context.store,
};

Here is the render:
return (

And here is the configuration:
export const pageSize = 20;
export const gridStateKey = 'appointments-grid-stateKey';

export const height = '';

export const events = {
HANDLE_ROW_CLICK: () => {},
};

export const plugins = {};

export const columns = [
{
name: 'Date',
dataIndex: 'date',
sortable: true,
width: '20%'
},
{
name: 'Name',
dataIndex: 'name',
sortable: true,
width: '20%'
}
];

Oh and Data:
[{ date: '2016/08/28', name: 'John Doe'}]

from react-redux-grid.

It doesn't look like you're passing the data object to the config? Perhaps you are and you missed it here?

from react-redux-grid.

yes I do. Github ate my code:) I forgot to wrap it in code tag!

Here it is:
Here is the render:

return (
     <div className="content container">
        <Grid {...config} data={this.props.appointments} />
     </div>
);

from react-redux-grid.

I've loaded that exact config into the demo page, and it seems to load. Do you have an errors in the console?

from react-redux-grid.

The only thing I can think is that you've incorrectly imported all the grid reducers, could you paste where you're creating your rootReducer?

from react-redux-grid.

import { Reducers } from 'react-redux-grid';
const gridReducers = {
  dataSource: Reducers.DataSource,
  editor: Reducers.Editor,
  errorHandler: Reducers.ErrorHandler,
  filter: Reducers.Filter,
  grid: Reducers.grid,
  loader: Reducers.Loader,
  menu: Reducers.Menu,
  pager: Reducers.Pager,
  selection: Reducers.Selection,
};
export default combineReducers({
  facility,
  language,
  routing,
  form,
  ..gridReducers,
});

from react-redux-grid.