I am trying to use the GridPDFExport component to save a grid that contains a custom cell. The custom cell uses a redux selector and needs to access the global state. When i try to save the grid I get the following errors logged. If I remove the cell in question it works normally. How do I approach this issue?
I am trying to save a grid with GridPDFExport. I am getting a lot of errors because a custom cell contains a redux selector and needs to access global state. If I remove the cell I can download the file. How can I fix this?
Hi All,
I used a Numeric filter and found that I can only input up to three decimal places. If I want to enter four decimal places, need to use Custom Filter Cells.
However, I found that when using it, if the user is allowed to input to four decimal places, format="n4" must be set.
After setting, the input integer digits will be automatically filled with 0, and even if I clear the NumericTextBox, 0.0000 will still be displayed.
There is no good implementation of data filtering, do you have any suggestions?
Regards,
Sunny
Hi All
I use Master-Detail Grids, and details grid have columns filter, when I scroll master grid, the filterOperators of detail will exceed components.
Any suggestions on how to fix this issue?
Regards,
Hi,
First of all, I was able to do 'yarn start' to run the app locally, but when it produced error below when performing 'yarn build'
Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 100%/var(--kendo-scrollview-views, 1);
^.......................................^
2: }
3:
CompileError: Begins at CSS selector undefined
error Command failed with exit code 1.
I have tried:
1/ Deleted node_modules folder and performed a 'yarn install'
2/ 'yarn upgrade' specific package @progress/kendo-theme-default
I did not have the issue before, however, I believe it started to occur after I performed a 'yarn install' (before/without deleting node_modules folder in the first place)
I'm using the Kendo React Grid (v 1.0.1). I wanted to show a load indicator manually on certain occasions, but couldn't find out how to do this.
Is there a way to programmatically turn it on/off?
CU, Joe
Hi, I was just wondering if there is some type check in KendoUI that I could use to check translation files so that nothing is missed in translations?
I've tried to search forums and documentation site and I did not found any examples of that. If there is no support for this at the moment, maybe it should be added, since I am sure that many dev teams struggle with keeping the huge number of translations up to date.
Some components have a ::before pseudoclass with the content property set to the CSS code \200B , which is a zero-width space. However, in our project, this is coming out as ​ in the DOM.
For example, with the <Dialog /> component:
1. We render the dialog within a componet, giving it a title which comes from props
const MyComponent = (props) => {
return (
<Dialog title={props.title} onClose={props.onClose}>
. . .
</Dialog>
)
}
2. Locally (running in our development environment) we can see the CSS come out as expected
3. After building and deploying to an environment, the "" gets replaced with ​
After building the project locally, our CSS (build/static/css/main,xyz.css) does not include these symbols:
We are using Craco to build our project:
// craco.config.js
module.exports = {
style: {
postcss: {
plugins: [require('autoprefixer')]
}
}
}
I wanted to add data grid in my existing project. where all the dependencies are installed with yarn
so I installed the kendo-react-grid dependency with yarn and i am getting the error.
here is the code.
import * as React from "react";import * as ReactDOM from "react-dom";import { Grid, GridColumn } from "@progress/kendo-react-grid";import products from "./products.json";
export const KindoRactApp = () => { return ( <Grid style={{ height: "400px" }} data={products}> <GridColumn field="ProductID" title="ID" width="40px" /> <GridColumn field="ProductName" title="Name" width="250px" /> <GridColumn field="Category.CategoryName" title="CategoryName" /> <GridColumn field="UnitPrice" title="Price" /> <GridColumn field="UnitsInStock" title="In stock" /> </Grid> );};
this is the error