When I add columns the scroll bar doesnt scroll the columns.

[Matheu]

Hey

As in the subject heading i add columns to the grid using the following code i cant scroll properly.

function addColumns(cols)

    {

        colWidth = 100;

        var gridObj = $("#grid").data("ejGrid");

        for (var i = 0; i < cols.length; ++i)

        {

            gridObj.columns(cols[i], "add");

            gridObj.resizeColumns(cols[i], colWidth);

            width += 100;

        }

    }

however now when i scroll only the grid with the data values scrolls. I attached images of what it looks like.

Also here is the original table.

@(Html.EJ().Grid<ChartData>("grid")

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

        .AllowPaging()

        .AllowGrouping()

        .AllowSorting()

        .AllowScrolling()

        .ScrollSettings(scroll => { scroll.Height(300).Width(970); })

        .Columns(col =>

        {

            col.Field("name").HeaderText("Indicator").TextAlign(TextAlign.Justify).Width(75).Add();

        })

)

How can i add the columns correctly so that they will still scroll?

Regards,

Matheu

Attachment: scroll_issue_cfccc013.zip

[Matheu]

So I finally got it working, sort of.

instead of using the api I make the grid in a partial and ajax it in adding columns in the razor view with code like this:

        .ScrollSettings(scroll => { scroll.Width(ViewBag.width); })

        .Columns(col =>

        {

            col.Field("name").HeaderText("Geo Item").IsPrimaryKey(true).TextAlign(TextAlign.Left).Width(75).Add();

            if (ViewBag.cols != null)

            {

                foreach (var x in ViewBag.cols)

                {

                    col.Field(x).HeaderText(x).TextAlign(TextAlign.Right).Width(75).Add();

                }

            }

        })

where cols is a List<string> and width is a counter that i incremented by 150 so the table grows by 150 for each column.

[Jayaprakash Kamaraj]

Hi Matheu, 

Thanks for the update.

Please get back to us if you need any further assistance.  

Regards, 

Jayaprakash K.