grid.enableMultiline not working properly

Hi everyone,

I am new to dhtmlXgrid, and I must say it’s a wonderful tool.
I cannot seem to enable multiline cells in my xGrid; only the editing of cells are “multiline”, buy the cells are shown on one line when not in “edition” mode.
If I resize the column, the text of the cell just doesn’t show.

Here is how I generate my grid:

        <script type="text/javascript">
                function doInitGrid(){
                        mygrid = new dhtmlXGridObject('grid_container'); 
                        mygrid.setImagePath("/path/to/img/");
                        mygrid.setHeader("Site,Last update,H1,H2"); 
                        mygrid.setSkin("dhx_skyblue");
                        mygrid.loadXML('/getData/H1,H2/1,2,3');
                        mygrid.setColSorting("str");
                        mygrid.setColTypes("link,ro,ed,ed");
                        mygrid.enableMultiline(true);
                        mygrid.init();
                        //mygrid.enableSmartRendering(true);
                        mygrid.enableColumnAutoSize(true);
                        mygrid.setCellTextStyle(1,1,"color:red;");
                        var dp = new dataProcessor('/updateData/H1,H2);
                        dp.init(mygrid);
                        dp.defineAction("error_of_datastore",handle_error_of_datastore);
                        }

Thank you for your time,
Best regards.

Unfortunately we cannot reproduce this issue locally. Please find example here dhtmlx.com/docs/products/dht … e_col.html

Hi Olga,

Thank you for the quick reply.
I am at work right now, I will make sure that I am running the latest version of dhtmlxGrid as soon as I get home.
I did find the sample you linked me too, and was surprised that I couldn’t get it working on my system.

I will keep you posted.

Thanks again.
Best regards.

Updating to the latest version didn’t help.
It turns out, one of my css rules was overriding dhtmlxgrid.css.
More precisely I had:

th, td { white-space: nowrap; text-align: left; }

Which I guess was conflicting with the css of my grid container.

Thank you,
best regards.