column text wrapping

[Hoang Dang]

Hi,

I'm trying to get the text in columns with specific width to wrap to the next line if the text is too long but it's not working. I specified allowTextWrap:true on the ejGrid according to the documentation but it doesn't work. Can you please provide an example of text wrapping.

Thanks,

Hoang

[Mohammed Farook J]

Hi Hoang,

Thanks for using Syncfusion products.

We have analyzed the reported issue “Scrolling option disable in grid the “autoTextWrap “property is not working in grid”.We have confirmed that the issue with “AllowTextWrap ” is a defect and we have logged a defect report. The fix for this issue is estimated to be available on Vol 3 Service Pack 1 release at third week of November 2014.

But as workaround we have overridden the “white-space” css property of Grid row cell to resolve the  issue. Please refers the following code snippets.

<style>

       .e-rowcell {

            white-space: normal !important;

        }

    </style>

<div id="Grid"></div>

 

    <script type="text/javascript">

       $("#Grid").ejGrid({

                // the datasource "window.gridData" is referred from jsondata.min.js

                dataSource: window.gridData,

                allowPaging:true,

                           pageSettings:{pageCount:4},

                          

                columns: [

                             { field: "OrderID", headerText: "Order ID",  textAlign: ej.TextAlign.Right},

                             { field: "EmployeeID", headerText: "Employee ID", textAlign: ej.TextAlign.Right},

                             { field: "Freight", headerText: "Freight", textAlign: ej.TextAlign.Right, width:80,format: "{0:C}"},

                             { field: "ShipCity", headerText: "Ship City",width:80},

                             { field: "ShipName", headerText: "Ship Name" }

                ]

       });

    </script>

For your convenience we have modified the sample and the same can be downloaded from below link.

Sample: Gridwrap.zip

Please let us know if you need any further assistance.

Regards,
J.Mohammed Farook

[Hoang Dang]

Thanks Mohammed. The workaround works for me. 

[Prasanna Kumar Viswanathan]

Hi Hoang,

Thanks for your update,

Regards,
Prasanna Kumar N.S.V