React-data-grid: Wrapping cell and responsive

[Sebszty]

Is there any possibility to wrap text in cells? How to make a large table she would appear on the tablet, phone? Below please find a template:

[diogofcunha]

Please read the docs before asking,
Check the basic example

[JimLynchCodes]

What was the answer for how to wrap text in cells?

[email2vimalraj]

@diogofcunha : I'm not able to find any of the doc talks about text wrapping. Could you please help us to find the doc for text wrapping?

[ryarasi]

In the basic example width is not specified (see 'Jump to source code' on the example page - http://adazzle.github.io/react-data-grid/scripts/example01-basic.js). If you don't specify the width, it will automatically resize columns.

But I don't believe text wrapping happens. So not sure why this is closed.

[nwhitmont]

Apparently text wrapping is not a feature.

[fanatov37]

use formatter
for example :

columns : [
                {
                    key: 'text',
                    name: 'Text',
                    formatter : WrapperFormatter
                },

            ];

import React from 'react'


export default class WrapperFormatter extends React.Component {
    static propTypes = {
        value: React.PropTypes.number.isRequired
    };
    static defaultProps = {
        value : 0
    }
    /**
     *
     * @returns {*}
     */
    render() {
        return (<p style={{whiteSpace:'pre-wrap'}}>{this.props.value}</p>)
    }
}