Is it posible to skip/override default styles applied in JS?

[algbeta]

Hi Ben!
Thank you very much for a great work!

Skipping inline css made my life a lot easier.
But there is a thing I don't find pretty.
When there is a grid with only one row it still has default 500px height.
Is it possible to exclude those default styles applied with js too?
I created my own styles and would like to rely on them.

Is that possible?
Thank you!

[bencripps]

Sure thing. When you instantiate grid now, if you provide height: false, no height will be set.

import { Grid } from 'react-redux-grid';

<Grid height={false} />

[algbeta]

@bencripps and what about other styles? with height={false} i have problems displaying edit dialog in mode=inline (it's hidden)

[bencripps]

Hmm, not sure what you mean. With height: false the inline editor works in the demo. Can you try in the demo?

[algbeta]

I meant that Save/Cancel buttons are hidden in inline edit mode.
I've run your demo with one item. What I see when try to edit an item:

It happens bc of top property for .react-grid-inline-editor which is set in JS and overflow applied in .react-grid-table-container.
Since I applied my own styles, I can change overflow easily but I'm not willing to change top prop

[bencripps]

Yeah, this happens when there's only a single row. If you had more rows this wouldn't be an issue. We can't change the overflow: hidden for the grid-container since that's what makes it scrollable.

Can you make the min-height something that allows the editor to work even if there's a single row?

[algbeta]

All right but the question is : is that possible to override top property for editor container (or any other property set in JS) in easy way?

[bencripps]

Since the top is set dynamically via JS, the only way would be to override it with an !important in your specific CSS.

We could add a prop that just makes the editor stick to the bottom?

[algbeta]

Hi again. Thank you for clarification. I will use !important to fix styles locally on my project so it's up to you to add changes to editor styles.

Best regards!