Reactive List with custom Card displaying to same row

[justgfather]

I am trying to put my card on the same row (horizontally) but it is not working as you can see on the picture

Here is my code:
<ReactiveList componentId="SearchResult" dataField="original_title" size={3} pagination react={{ and: [ 'mainSearch', 'ratingsFilter', 'publishFilter', 'authorFilter', ], }} renderItem={(res) => ( <Grid item key={res.id} md={4} xs={12}> <BookCard book={res} /> </Grid> )} />

There use to be OnAllData, but i do not have it in v3.

[siddharthlatest]

@justgfather Your code doesn't show how you're arranging the filters. If you want to display the results in the same row as filters, you need to check on the arrangement of all the items.

onAllData is renamed to onData starting v3.