Describe the bug
The selectionChange & headerselectionchange events of the Native Grid component are unexpectedly triggered when filtering data in the component.
The issue is not replicable on Chrome and Safari.
A possible workaround for the bug is demonstrated in this StackBlitz example
To Reproduce
Expected behavior
No JS errors should appear when filtering the Grid component, no matter the browser that is used.
Hello Team.
I appreciate grid's reorderable function work at Nuxt3(@kendo-vue-grid: 3.14.2).
But For some reason, this function doesn't work properly. so I report a bug.
I reproduce a stackblitz code.
https://stackblitz.com/edit/nuxt-starter-gmag5m
I implemented it like this,
After fetching(=GET) column data from the server, reorder the columns using kendo grid's reorderable function and save(=POST) it on the server.
I call columnExecute function, so server refetch(=GET) column data.
at /pages/index.vue, colums ref change rightly.
at /components/grid.vue, columnList ref change rightly.
But rendered kendo grid's column doesn't change.
please check this issue.
Sincerely,
Eunbyul.
Describe the bug
The following warning appears in the browser's console when using the Native Grid in Nuxt context:
To Reproduce
Expected behavior
No warnings or errors should appear in the console
Describe the bug
Resizable and reorderable true does not work in nuxt
https://stackblitz.com/edit/hy923e-fmrqsf?file=package.json
Try to resize or reorder
Describe the bug
The @progress/kendo-vue-buttons is missing as peer to @progress/kendo-vue-grid package
Describe the bug
When we have a Grid that has a display: none CSS rule defined for it, switching to display: block makes the pager of the Native Grid be rendered in responsive mode as if the Grid is displayed on a small device.
Possible workaround:
To Reproduce
Expected behavior
The Grid should appear on the screen and its pager should look like this:
Describe the bug
The Native Grid looks differently when tested in development and production builds. Everything is OK in the development build and once the project is built for production, the Grid borders are missing.
To Reproduce
Expected behavior
All styles should be available in the Native Grid, once it is built for production
Describe the bug
When using the GridPdfExport component for exporting Grid data to a PDF file the exporting operation fails with the following error:
To Reproduce
Expected behavior
A system dialog should appear asking where the generated file should be saved
Describe the bug
The column virtualization functionality doesn't work when the Grid is configured to work in RTL direction.
To Reproduce
:dir="'rtl'"
configuration the Grid data is correctly displayedExpected behavior
The Grid's column virtualization should work with both LTR and RTL configurations.
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
https://codesandbox.io/p/sandbox/beautiful-tristan-5nvvfy?file=%2Fpackage.json
open the console and click the export button.
Expected behavior
No error in console
Describe the bug
When exporting the Kendo UI for Vue Native Grid data to a PDF file and the paper-size property is set to true, if there are locked columns inside the Grid, these columns are exported as empty columns.
To Reproduce
Expected behavior
All Grid columns should be correctly visualized in the exported PDF file, no matter if they are locked or unlocked.
Additional context
If we set the paper-size to a pre-defined value like 'A4', the issue is not replicable
Describe the bug
When defining a footer in a locked native Grid column, the footer of the column is moving when the content of the Grid is scrolled horizontally.
To Reproduce
Expected behavior
The footer inside the ID column should not move when scrolling the Grid's content
Describe the bug
When the Grid's resizable property is set to true, the following test fails:
import { describe, it, expect } from "vitest";
import App from "../App.vue";
import { render } from "@testing-library/vue";
describe("App.vue", () => {
it("renders apps", async () => {
render(App);
});
});
import KendoDraggable from '@progress/kendo-draggable';
is changed with:
import { Draggable as KendoDraggable } from '@progress/kendo-draggable';
To Reproduce
Expected behavior
The test should pass as it used to pass in version 3.5.0, for example.
Describe the bug
There is a blank space at the bottom of the Grid when the user scrolls the data. This blank space appears on a specific configuration where the Native Grid is configured with virtual scrolling and the groupable property is set as follows:
:groupable="{ footer: 'visible' }"
:groupable="true"
To Reproduce
Expected behavior
There shouldn't be any white/blank spaces at the bottom of the Grid
Describe the bug
When activating the keyboard navigation inside the Native Grid and there are custom cells in this Grid, the navigation between the cells(in a specific scenario) is slow.
Scenario: In a Grid whose cells are all custom, focus a random cell in the first column. Then press and hold the right keyboard arrow. The focused cell starts moving to the right and then freezes until the last Grid column is reached.
Here is a video demonstrating the described scenario: https://user-images.githubusercontent.com/41293735/202707680-1964d01e-dbd3-4a35-93c4-1dbcfd45e887.mp4
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The movement of focus inside the Grid should be smooth and visible
Describe the bug
The value of the data-grid-row-index attribute of the different Native Grid rows is always -1, no matter the scenario in which the component is used.
To Reproduce
Expected behavior
The different rows inside the Grid should have different values for the data-grid-row-index attribute.
Describe the bug
When expanding/collapsing grouped data in the Grid re-renders all Grid rows while only the collapsed ones should be re-rendered.
To Reproduce
Expected behavior
The row-render method should be called for the rows that hold the collapsed data, not for all Grid rows.
https://stackblitz.com/edit/mzrap6-afgvuk?file=src%2Fmain.vue
reorder the second column
result the innderHTML is NOT visible
Expected behavior
result the innderHTML is visible
workaround: use inner array instead of innerHTML - https://stackblitz.com/edit/mzrap6-y35krb?file=src%2Fmain.vue
Describe the bug
Grid rowRender is triggered for every more than once in in-cell editing scenario vue 2
To Reproduce
https://codesandbox.io/s/confident-wind-50llik
1 Click on some cell
Current: RowRender is triggered for every row
Expected: RowRender is triggered only for the clicked row
Add active class to the column menu icon once something in it is different from default
Currently we recommend using custom class on the header(https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/#toc-styling-the-column-menu-icon), yet not visualising that the menu is populated seems like a UI misleading issue when using the component so we should add it by default