https://codesandbox.io/s/modern-cherry-gki3cj?file=/app/main.jsx

When the TreeList is wider than the container (i.e. has many columns), it doesn't:

1. Respect the given column widths, or
2. Allow the user to resize the column widths

The grid only uses the width of the column's values or uses the width of the header cell's value (whichever is larger). I believe this is not the intended behavior for TreeList.

In case it helps -- locally, I get the below console error when I have the above scenario and try to resize a column:

Unable to preventDefault inside passive event listener invocation.

Stack trace:
CommonDragLogic.pressHandler @ CommonDragLogic.js:28
ColumnDraggable._this.onPress @ ColumnDraggable.js:29
(anonymous) @ Draggable.js:22
(anonymous) @ useDraggable.js:128
dispatchDragAndDrop @ drag-n-drop.js:130
(anonymous) @ useDraggable.js:148
(anonymous) @ useDraggable.js:173

I've tried to circumvent this issue with many strategies, and I thought it might be because I put the TreeList component inside a Material UI container, but the Sandbox shows the issue well in a clean environment devoid of any external libraries. Please help! Thank you!

Hi, I am using React Bootstrap, and want a 3 column layout. The third column should contain the grid. This works fine and all looks in order if the column widths are within a certain size, but when large the grid displays underneath the first 2 columns.

There must be some CSS issue but it's only happening with the grid. How do I keep the grid within the third column, regardless of the grids column sizes?

I've created a demo/example below, please assist! I've set all columns to 500px to demonstrate the problem.

https://stackblitz.com/edit/react-us4svr-iauvwn?file=app%2Fmain.jsx

Thanks.

Hi all, i have the attached grid, in the title of the second column i wanna put a translated text that i pass to the page via props, if i put that text variable in another item (as <h1/>) the text is rendered correctly, when i put it in column title it gave me the error '"Cannot read properties of undefined (reading '''strings')".

so how can i put a translated text via parent variable in a child component into GridColumn title?

Hi,

I am trying to use Kendo React TreeList with multiple level of data. I want to have different row background color for each level.
Is there a way to achieve this?

Any help would be highly appreciated.

You wan't to reproduce this behavior when running the `Editor` locally or using StackBlizt, Codesandbox etc. You will reproduce this behvaior on production. There is no action when I clik on `Align text left`, `Center text` or `Align text right` button, I get this error in my console instead: 

Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'sha256-Y+wsDhnso/VitFKVAmAGIC+CGwKJuRUiycQ54atO+eE=' fonts.googleapis.com". Either the 'unsafe-inline' keyword, a hash ('sha256-Y+wsDhnso/VitFKVAmAGIC+CGwKJuRUiycQ54atO+eE='), or a nonce ('nonce-...') is required to enable inline execution. Note that hashes do not apply to event handlers, style attributes and javascript: navigations unless the 'unsafe-hashes' keyword is present.

Is there any chance to fix it?

By default, the PivotGrid adds sub-totals and totals rows and cols.

See attached image.

How can we remove them?

Thank you

Hi team,

I'm trying to add label on top to 100% stack bar . Im unable to align on top with good spacing around it. It is overlapping on bar. Also on increasing the padding moves the label out of view are and is cut. Kindly help me achieve as in shown on image 2.

1)

2)

Hi there, please also check this recording https://www.loom.com/share/962a4b934ada4b699fb847bf55d55879

Hello!

I'am traying to use drawing, How to draw a circle? in KendoReact | Telerik Forums but I get error at

TypeError: surface.draw is not a function

What am I doing wrong?

Is it possible to get example in Typescript?

Thank you, Matjaz