Material-table: Increase the SearchField width

[kslysz]

How to increase or just set to given value the search field width?

This is not working:

components={{
    Toolbar: props => (
        <div style={{ searchField: { width: 600 }}}>
            <MTableToolbar {...props} />
        </div>
    )
}}

[buszmen201]

@kslysz This is undocumented anywhere, but it works ;)

          components={{
            Toolbar: props => (
                  <MTableToolbar {...props} searchFieldStyle={{width: 600}} />
              )
          }}

[kslysz]

Thanks @buszmen201. It works :)

[twhetzel]

This also works and is documented:

options= {{
    searchFieldStyle: {
        width: 600,
    }
}}

It's listed here (https://material-table.com/#/docs/all-props).