Completed
Last Updated: 18 Apr 2023 05:25 by ADMIN
Wilbert
Created on: 11 Mar 2022 12:25
Category: Kendo UI® for Vue
Type: Bug Report
1
Using slots in the Grid(wrapper) works differently in Vue 2 and Vue 3

Describe the bug
When using a slot to define the columns in the Wrapper Grid, the result in Vue 2 and Vue 3 is different.

  • In Vue 2, if we pass 2 columns to the slot, only these two columns are rendered in the component.
  • In Vue 3, no matter how many columns we pass to the slot, the component renders all columns, based on the data in the datasource

To Reproduce
Check the two examples below:

The two examples use the same implementation but the number of columns rendered in each Grid is different

Expected behavior
The two examples should work the same way as in the Vue 2 application.

Screenshots
Vue 2:
image
Vue 3:
image

2 comments
ADMIN
Petar
Posted on: 12 Apr 2022 05:30

Hi Wilbert,

Thank you for your notification! I've just fixed the typo and the bug is correctly described.  

Regards,
Petar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Wilbert
Posted on: 11 Apr 2022 13:02

The second point is now:

  • In Vue 2, no matter how many columns we pass to the slot, the component renders all columns, based on the data in the datasource

It should be:

  • In Vue 3, no matter how many columns we pass to the slot, the component renders all columns, based on the data in the datasource