We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Scroll able cell

Thread ID:

Created:

Updated:

Platform:

Replies:

121429 Dec 14,2015 05:56 AM Dec 15,2015 05:28 AM ASP.NET MVC 1
loading
Tags: Grid
MD. Zahirul Islam
Asked On December 14, 2015 05:56 AM

I am using the Grid Control Syncfusion  MVC and one of my cells exceeds the height, so I want to horizontal scroll in that cell. Is it possible?
Thanks


Prasanna Kumar Viswanathan [Syncfusion]
Replied On December 15, 2015 05:28 AM

Hi Zahirul Islam,

Thanks for contacting Syncfusion support.

If we bind the scroller to the cells that exceed the height, there will be a chance of reducing the performance. If any cell exceed the height, we suggest that you enable the allowTextWrap in your project. The allowTextWrap is used to wrap the content to the next line, if the content exceeds the boundary of the Column Cells.

Please find the code example and sample:


@(Html.EJ().Grid<OrdersView>("FlatGrid")

        .Datasource((IEnumerable<object>)ViewBag.datasource)

        .AllowPaging()

        .AllowTextWrap()

            .Columns(col =>

            {

                col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(90).Add();

                col.Field("CustomerID").HeaderText("Customer ID").TextAlign(TextAlign.Right).Width(90).Add();

                col.Field("EmployeeID").HeaderText("Employee ID").Width(90).Add();

                col.Field("Freight").HeaderText("Freight").TextAlign(TextAlign.Right).Width(80).Format("{0:C}").Add();

                col.Field("ShipName").HeaderText("ShipName").Width(90).Add();

                col.Field("ShipCountry").HeaderText("ShipCountry").Width(90).Add();


            })
)


Sample: http://www.syncfusion.com/downloads/support/forum/121429/ze/MVCSample1659257017

Refer to the Help document for the allowTextWrap API and online sample:

API : http://help.syncfusion.com/js/api/ejgrid#members:allowtextwrap

Online sample link : http://mvc.syncfusion.com/demos/web/grid/autowrap

Could you please confirm the purpose of scroller in the cells?, it will help us to analyze and provide the prompt solution.

Regards,
Prasanna Kumar N.S.V


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;