Unplanned
Last Updated: 26 May 2022 12:18 by Vincent

Describe the bug
In scenarios when we dynamically add data to the beginning of the Grid, the component re-renders elements whose re-rendering can be skipped.

To Reproduce

  1. Open this StackBlitz example
  2. Click on the "add row to beginning" button

Expected behavior
The onUpdated method should not be called when adding a new row to the beginning of the Grid. Instead, if you open the browser's console, the result is that "updating..." is logged three times.

Planned
Last Updated: 03 May 2022 07:21 by ADMIN
Created by: Minas
Comments: 3
Category: Grid
Type: Feature Request
7

Hello there,

 

I am looking for a loading spinner solution to use with Vue Native Grid. I could not find something on the docs.

Is there any way I can show some kind of loading indicator while loading the data?

I am not using data source from Kendo, just basic method to populate `:data-items="items"`

 

Thank you!

Unplanned
Last Updated: 01 Apr 2022 08:54 by ADMIN
Created by: Daniel
Comments: 1
Category: Grid
Type: Feature Request
1

In my project, I always use remote data because the data comes from a backend that aggregates data from several sources in the company and because I want to sort, filter, etc on the server to be able to do it on the entire dataset (and I cannot do it in the frontend because it's a lot of data).

In the Wrapper Grid, we can add a "Refresh" button to the pager of the component using the pageable-refresh property. 

Such property is not available in the Native Grid. As the Native Grid doesn't use the DataSource component, I can assume that the Refresh button cannot be fully functional out of the box but still we could be able to pass a method that will be triggered once the button is clicked. Then through this method, we can make an API call and update the data.

Completed
Last Updated: 28 Mar 2022 15:14 by ADMIN

Describe the bug
With version 3.0.4 of the Grid component, there is a regression in the way the component displays date fields.
Till version 3.0.3, date fields defined like '2021-05-13T00:00:00' were correctly displayed. From version 3.0.4 fields defined as '2021-05-13T00:00:00' are not displayed in the Grid.

To Reproduce
Steps to reproduce the behavior:

  1. Open this StackBlitz example
  2. See the 1st and 3rd row in the Date column

Expected behavior
All dates in the Date column should be visible as in this StackBlitz example.

Unplanned
Last Updated: 24 Mar 2022 14:49 by Praveen

Scenario: Native Grid with Virtualization + Grouping.

The field for improvement: The expand/collapse is slow if we have a big number of items in the group which is expanded/collapsed

Example: https://codesandbox.io/s/smoosh-waterfall-7gebk1?file=/src/App.vue
Unplanned
Last Updated: 09 Mar 2022 09:45 by Robert

Describe the bug
The layout of the column menu popup window, inside the Native Grid, is different when using version 4.x.x and version 5.x.x. of the Kendo Themes.

  • The issue is replicable with all Kendo Themes

To Reproduce

  1. Open this example
  2. Click on the column menu of the Name column
  3. Inside the column menu, click on "filter"

Expected behavior
There should be a space between the different elements in the column menu -> filter popup

Screenshots
image

Unplanned
Last Updated: 18 Feb 2022 11:11 by Praveen

Describe the bug
If you try to group the data in a Grid by a column that has a value of "null", the browser hangs, and an error appears in the console.

To Reproduce

  1. Open this StackBlitz example
  2. Group the Grid by "Unit Price" field

Expected behavior
The data should be grouped according to the values inside the UnitPrice column. A column with an empty header should appear for the group with a "null" value.

Screenshots
image

Workaround

Convert the "null" values to empty string with a code like this:
this.products.forEach((o) => { o.UnitPrice = o.UnitPrice === null ? '' : o.UnitPrice; });
Here is a modified example in which the above code is added to the getData method.

In Development
Last Updated: 09 Feb 2022 07:28 by ADMIN
  • Bug report

Current behavior

https://stackblitz.com/edit/tynxxg-vckenw?file=src/main.vue

  1. With the default code in the example, when first scrolling the skip is not accurate. If the grid is scrolled extremely slowly, you can see the skip is not incremented at first. If scrolling quickly, it is very jumpy.

  2. The faster you attempt to scroll, the stranger the skip behavior becomes unlike with simply removing the grouping grid prop in the same example. I've been able to get into situations it in the provided StackBlitz by scrolling down and scrolling back up quickly where it hangs on row counts and where it will scroll past the 0 indexed row causing an empty grid, then scrolling down again with either jump with a large skip number or sometimes throw an error.

  3. Possibly provide more flexibility to the scenario

Expected behavior

skip and cache are working correctly

In Development
Last Updated: 09 Feb 2022 07:28 by ADMIN

There is an issue with white space that appears when you scroll a Grid with Groupable and Virtualization configurations switched on.
Reproduction:

  1. Go to this article.
  2. Scroll the Grid till the end of the scroller
  3. See the white space.

Jumping issue:
When you scroll the linked above example there is a strange "jumping" of the rows.

Completed
Last Updated: 01 Feb 2022 14:20 by ADMIN

In this example the 'expanded' prop is set to true by the filter is not expanded - https://stackblitz.com/edit/uquwh8-1e5npd?file=src/ColumnMenu.vue

a possible workaround - uncomment the line in the mounted function.

Completed
Last Updated: 31 Jan 2022 16:47 by ADMIN
Created by: Deborah
Comments: 4
Category: Grid
Type: Bug Report
1

If a date column has a GridColumnMenuFilter, the filter drop down closes as soon as you attempt to open the date. 

Reproduction steps:

Add a GridColumnMenuFilter to a column that is defined as a date.  Upon opening the filter and attempting to select a date, the filter immediately closes.  

 

This example has the problem reproduced. https://stackblitz.com/edit/zdmtjk?

 

Need More Info
Last Updated: 22 Nov 2021 13:33 by ADMIN

I want to use filterGroupByField to indicate that a column that has a GridColumnMenuCheckboxFilter.  Naturally, there can be more than 2 items selected.  If more than 2 items are selected, the filterGroupByField returns null.

See this example (select more than 2 product id's):

https://stackblitz.com/edit/i58xwv?file=src/main.vue

 

 

 

Unplanned
Last Updated: 22 Nov 2021 13:28 by Deborah

Describe the bug
When you use the filterGroupByField method, if there are more than 2 filtered items, the method returns null. If the filtered items are one or two, the method works correctly.

To Reproduce

  1. Open this StackBlitz example
  2. Open Browser's console(F12)
  3. Click on the "ProductName" column menu and select 3 or more checkboxes
  4. See the output in the console which is "null"

Expected behavior
The result returned from the filterGroupByField method should be with a structure similar to the below one, no matter how many checkboxes have been selected in the column menu.
image

Unplanned
Last Updated: 11 Oct 2021 13:20 by ADMIN
Created by: Ognjen
Comments: 0
Category: Grid
Type: Feature Request
1

Add functionality that allows the users to configure the Native Grid's Pager in a way it has the "All" option in its page sizes DropDownList.

The "All" option is available in the Kendo UI for jQuery suite(check the second example on the page). When the "all" option is selected, all Grid records are loaded on one page.

Need More Info
Last Updated: 11 Aug 2021 07:45 by ADMIN
Created by: Nick
Comments: 9
Category: Grid
Type: Feature Request
3
We need the Gird Filter in ASP.NET Core functionality for Vue
Completed
Last Updated: 23 Jul 2021 08:58 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

The user cannot select a filter operator if the filter input doesn't have entered data.

Expected behavior

The user should be able to pre-select a filter operator no matter if there is data entered in the filter input or not.

Minimal reproduction of the problem with instructions

  1. Open this StackBlitz example
  2. In the Product Name column, I click the filter operator button
  3. Select "Ends with"
  4. Click the filter operator button again and see that "Ends with" is not selected.
  5. Type "g" in the filter text field. Grid updates but doesn't filter the data by "Ends with" filter.
  6. Click the filter operator button and see that "Contains" is selected instead of "Ends with"
  7. Select "Ends with" once more and Grid filters correctly
Completed
Last Updated: 23 Jun 2021 11:38 by ADMIN
Created by: Seuthes
Comments: 1
Category: Grid
Type: Feature Request
2
Add Validation to the Kendo Vue native grid.
Completed
Last Updated: 23 Jun 2021 11:32 by ADMIN
Created by: Lee
Comments: 1
Category: Grid
Type: Feature Request
1

The pagination on the jquery grid is responsive by default with the ability to turn off responsiveness if desired. https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.responsive

It would be useful to add responsiveness to the pagination on the Vue Native Grid with the same ability to turn it off if desired.

Completed
Last Updated: 21 Jun 2021 06:37 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

If a column has a value of 0 and there is no editor defined for this column, when editing Grids' data, the input in which 0 should be displayed is actually empty.

image
image

Expected behavior

When editing the Native Grid, the data displayed when a row is not in edit mode should be the same as when the same row is in edit mode.

Minimal reproduction of the problem with instructions

  1. Open this StackBlitz example
  2. Edit a row whose UnitPrice value is 0
  3. See the empty input for the UnitPrice field, when the selected row is in the "edit" mode
Unplanned
Last Updated: 14 Jun 2021 10:44 by Vipin

I'm submitting a...

  • Bug report

Current behavior

When a named slot template is used in the Grid, the PDF export functionality will not export the cells that have an applied template.

In the linked below example, after exporting the Grid to PDF, the header cell of the "UnitPrice" column is empty.
If you remove the headerCell: 'headerTemplate' configuration and export the Grid to PDF, everything is exported correctly.

Expected behavior

All Grid cells should be exported to PDF no matter if they have a template applied to their definition.

Minimal reproduction of the problem with instructions

  1. Open this project.
  2. Click on the "Export vie PDF component" button
  3. Check the exported file
1 2