I fund that the React version is still in Progress status, we would like to have a stable version to use in our project. May I know your planning on this?
Also, for this In-Progress version, is it free if we use in commercial project?
i'm using kendo grid and i want to add OnClick in a button on template column
here is my code :
<GridColumn field="Actions" title=" " template="<button type='button' onClick='editUser("#:Id#")'><i class='fas fa-pencil-alt'></i></button>"/>
but it is not working.
i aslo tried this code it return null
<GridColumn field="Actions" title=" " template={<div dangerouslySetInnerHTML={<Button onClick={()=>this.editUser(null)} color="primary"><i className="fas fa-pencil-alt"></i></Button> }></div>}/>
We're experiencing an issue where a Kendo React Wrapped Grid isn't rendering the same way consistently. Sometimes it will render as expected like this:
<table role="grid" class="table table-striped table-bordered dataTable k-grid-header"> ... </table>
But other times it will render without the classes at all, which breaks a lot of the styling and sizing:
<table role="grid" > ... </table>
It is inconsistent across page refreshes for the same grid. In fact, it seems to be that if Chrome Dev Tools are open it will render correctly, but if they are not open then it will render incorrectly. I would have assumed it was a caching issue, but if I close dev tools and refresh the page again it reverts to the broken state.
layout is lost when I feed data using axios, but it is working with local data.
What I meant is instead of displaying Grid with Paging, it is displaying just Grid only.
working sample with local data :
https://github.com/vsaravanan/react-kendo-paging/commit/3979718024811fcd4a042711375b0058d84a936d
Layout is lost when I pull the data using axios.
https://github.com/vsaravanan/react-kendo-paging/commit/b1d2ce2d6088f74a41cbcc2542e5dea458563fbe
I am following the most basic example of using the Kendo React Grid from https://www.telerik.com/kendo-react-ui/components/grid/
I am using Webpack to bundle my files. When I create a project with like the example above, the generated file is at /node_modules/@progress/kendo-react-grid/dist/es/main.js is 1.16 MB in size which is massive.
My webpack.config.js file looks like
var path = require("path");
module.exports = {
entry: {
test: ['./src/test.jsx']
},
output: {
publicPath: "/js/",
path: path.join(__dirname, "/js/"),
filename: "[name].js"
},
module: {
rules: [{
exclude: /node_modules/,
loader: "babel-loader",
query: {
presets: ["es2015", "stage-0", "react"]
}
}]
},
};
This file size makes it debugging in the browser dev tools almost impossible as the browser hangs.
I've used the React wrappers previously, the file sizes were tiny in comparison.
Is this expected or has something gone wrong in my setup?
I have problem with importing styles into react project using Kendo ui default style template. I have described it in more detail on stackoverflow.
https://stackoverflow.com/questions/50576958/react-kendo-ui-styles-module-failed-to-parse-you-may-need-an-appropriate-loa
Hello,
I am having issues with inputs and forms inside of the PanelBar component. Inputs do not allow spaces, and forms cannot be submitted when pressing enter.
My best guess is that the keyboard navigation feature of the PanelBar is preventing these from propagating. Is there a way to turn this off? I didn’t see an option in the docs.
Here’s a link to one of the example plunkers that I modified to show the issue: https://plnkr.co/edit/mgd7FRGLjAvWpEULu883?p=preview