3 Answers, 1 is accepted
1
Hello, Ryan,
This is one of the feature requests that we have.
I can suggest and comment on it as it will increase its chances to be implemented sooner:
http://kendoui-feedback.telerik.com/forums/908425-kendo-ui-for-react-feedback/suggestions/34412002-grid-set-column-width-by-percentages-or-pixels
Regards,
Stefan
Progress Telerik
This is one of the feature requests that we have.
I can suggest and comment on it as it will increase its chances to be implemented sooner:
http://kendoui-feedback.telerik.com/forums/908425-kendo-ui-for-react-feedback/suggestions/34412002-grid-set-column-width-by-percentages-or-pixels
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
1
Eric
Top achievements
Rank 1
Rank 1
answered on 01 Aug 2019, 03:58 AM
This is a feature that I have wanted as well. I guess the issue is making the feature work when someone has, for instance, 4 columns and they want the first one to be a fixed width, let's say 50 pixels, they then want to enter 25% for the next column and let the final two columns split the difference. I can imagine the code to make that work could be challenging. I'd like to know what this feature would look like if it were to be considered.
0
Hi,
As we revived this thread, it worth mentioning we added some documentation about it:
https://www.telerik.com/kendo-react-ui/components/grid/columns/width/
Further feedback is always appreciated.
Regards,
Nikola
Progress Telerik
As we revived this thread, it worth mentioning we added some documentation about it:
https://www.telerik.com/kendo-react-ui/components/grid/columns/width/
Further feedback is always appreciated.
Regards,
Nikola
Progress Telerik
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items
Ethan
commented on 09 Mar 2022, 05:31 PM
| edited
Top achievements
Rank 1
Rank 1
This doesn't seem to work anymore. Setting percentage widths using the CSS in the article (.k-grid-header col:nth-of-type(1)) only changes the header of the column, not the rest of it.
The width prop on Columns do not support relative units, either.
Stefan
commented on 10 Mar 2022, 05:42 AM
Telerik team
Hello,
I tested the example and the width is still applied in percentage:
https://www.telerik.com/kendo-react-ui/components/grid/columns/width/#toc-grid-with-no-fixed-width
Both CSS rules are required because one is for the header and one of the table:
.k-grid-header col:nth-of-type(1){
width: 20%
}
.k-grid-table col:nth-of-type(1){
width: 20%
}