Kendo grid horizontal auto scroll not working with sticky or locked columns

0 Answers 80 Views
Drag and Drop Grid
Omar
Top achievements
Rank 1
Omar asked on 10 Dec 2024, 07:52 PM | edited on 11 Dec 2024, 04:45 PM

Right now in my company we are trying to fix an issue were if we have a grid with with some locked columns in the left side of the grid, if we try to reorder some of the columns (not locked) from the right side to the grid the horizontal scroll doesn't move when we try to drag and drop the column.

I took code from one of your demos and made a small change jus to show the behavior:

 <kendo-grid [kendoGridBinding]="gridData" [height]="410" [reorderable]="true">
      <kendo-grid-column field="ProductID" title="ID" [width]="100" [locked]="true">
      </kendo-grid-column>
      <kendo-grid-column
        field="ProductName"
        title="Name"
        [locked]="true"
        [width]="250"
      >
      </kendo-grid-column>
      <kendo-grid-column
        field="Category.CategoryName"
        title="Category"
        [width]="250"
      >
      </kendo-grid-column>
      <kendo-grid-column
        field="UnitPrice"
        title="Price"
        [width]="150"
      >
      </kendo-grid-column>
      <kendo-grid-column field="UnitsInStock" title="In stock" [width]="150">
      </kendo-grid-column>
      <kendo-grid-column field="UnitsOnOrder" title="On order" [width]="150">
      </kendo-grid-column>
      <kendo-grid-column
        field="QuantityPerUnit"
        title="Quantity"
        [width]="150"
      >
      </kendo-grid-column>
      <kendo-grid-column
        field="Discontinued"
        title="Discontinued"
        [width]="150"
      >
        <ng-template kendoGridCellTemplate let-dataItem>
          <input type="checkbox" [checked]="dataItem.Discontinued" disabled />
        </ng-template>
      </kendo-grid-column>
    </kendo-grid>

 

In this image you can see that the horizontal scrollbar is not moving.

Even removing the locked columns the auto horizontal scroll doesn't work.

This functionality seems like works fine on the React version of the grid.

Is there a way to make the horizontal scrollbar to move?

Georgi
Telerik team
commented on 12 Dec 2024, 10:10 AM

Hi Omar,

Indeed, you are correct that, as of now, the scrolling of the Kendo UI for Angular Grid is not automatically triggered when the user tries to reorder a column to a position that is not currently visible in the component.

The good news is that there is a related feature request in our Feedback Portal where we track the customer demand for such a functionality:

It is important to mention that I upvoted this feature request on your behalf as this way, they will gather more popularity and thus will be considered for implementation by our development team.

In these lines of words, I would like to assure you that our team is constantly monitoring the Feedback Portal, and some features are included in our roadmap on a regular basis based on the customer demand and perceived business value of the respective enhancement.

I hope the provided information sheds some light on the matter. Please, let me know if I am missing out on something.

Regards,
Georgi
Progress Telerik

No answers yet. Maybe you can help?

Tags
Drag and Drop Grid
Asked by
Omar
Top achievements
Rank 1
Share this question
or