We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.
I just need to override the title text. What style can I set so the title text is bold but not the filter options?
Thanks,
Shawn
Hello,
autoFitColumn not working for columns if they are locked and in multi-column header. Example is below. If I remove "locked: true" from first column, than it works good. Can you help me please?
<!DOCTYPE html>
<
html
>
<
head
>
<
style
>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</
style
>
<
title
></
title
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"
/>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
id
=
"example"
>
<
div
id
=
"grid"
></
div
>
<
script
>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
},
pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
resizable: true,
reorderable: true,
pageable: true,
columnMenu: true,
dataBound: function() {
this.autoFitColumn("CompanyName");
this.autoFitColumn("ContactTitle");
},
columns: [{
title: "Group",
width: 420,
locked: true,
columns: [{title: "CompanyName",width:60, field: "CompanyName"},
{title:"ContactTitle", width:60, field: "ContactTitle"}]
},
{
title: "Contact Info",
columns: [{
field: "ContactTitle",
title: "Contact Title",
width: 200
},{
field: "ContactName",
title: "Contact Name",
width: 200
},{
title: "Location",
columns: [ {
field: "Country",
width: 200
},{
field: "City",
width: 200
}]
},{
field: "Phone",
title: "Phone"
}]
}]
});
});
</
script
>
</
div
>
</
body
>
</
html
>
Hi,
I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.
I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.
In the browser console you can see the javascript error: "Cannot read property 'rows' of null".
Reproduction of the problem:
When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.
Currently, the UID for the group is not matching the group row's UID, and the error message appears.
Hi Team,
I would like to request the Kendo UI Grid to have a property for min-width for columns which are not resizable. This way, when the screen reduces in size, the width will remain at a min width.
Thank you!
Currently, when a foreignKey column is configured in a Grid and the value is null, the valuePrimitive option of the DropDownList should be set. However, in order to set the valuePrimitive for foreignKey column configuring a custom editor is needed as described in the link here. I would like to have the possibility to set the valuePrimitive option as part of the column configurations, without adding a custom editor. For example:
columns: [When sorting is enabled for a virtualized Grid with local data, in some cases the Grid does not show correct items when sorted.
1, Open the Dojo example
2. Scroll to the bottom
3. Sort the Grid
Only the last 3 items are displayed. (screencast)
Note: The issue does not occur every time.
Enough items to fill the Grid height should be displayed. There should be no blank space without records.
Grid control doesn’t allow to change width of columns via keyboard. Column width adjustments could be done only via mouse. It would be great to have this ability from the accessibility perspective.
No hot key to change width.
Any hot key (e.g. Shift + Arrow Left / Right) to change width of a column.
Kendo UI version: "2020.3.1118"
Browser: Chrome 90.0.4430.212
The Kendo Grid multi checkbox filter has the same sort order as the column it belongs to. There is a example of how to correct that and provide a sort here:
https://docs.telerik.com/kendo-ui/knowledge-base/sort-multi-checkbox-filter
However that sorts the multiple checkbox filters correctly but it does not persist any existing checked items. If you have pre-existing items checked when this runs it will clear that and just return sorted checkboxes. In our case when we change refresh the datagrid datasource (using setDataSource) it will refresh the filter options while persisting the existing selected checkboxes. However if we want to do that and have the checkboxes sorted then we lose our existing selection.When calling the exportSelectedToExcel method and passing true to it, so that the headers are also exported, a js exception related to the aggregates (count, sum, etc.) is thrown.
Dojo example: https://dojo.telerik.com/UkIloRag/3
A js exception is thrown.
No js exception is thrown and the Grid is exported as expected.
When the number of groups is less than the page size count the grid does not display the entire set of groups
Run this dojo - https://dojo.telerik.com/@efb@qad.com/eCizuraT
Only a subset of the groups is displayed
All the groups should be displayed
Hi Team,
I'd like to request the functionality to use the search panel with only the enter button with the built-in API. Maybe add a search.minLength or search.SearchOnEnter configuration.
Thank you!
Hi Team,
I would like to request a demo/configuration which would allow the user to click on a cell during editing and have a Kendo UI Dialog to contain an editor such as a TextArea.
Thank you!
Hello,
we have the following problem:
In the dojo https://dojo.telerik.com/uJUGEQuh clicking on a row from the skleton loader in the grid causes an error. It seems like you want to access the "id" field from the datasrouce model which doesn't exist in the loading animation.
model:
{
id: "Id",
fields:
{
ProductName: { type: "string" },
Id: { type: "number" }
}
}
If you rename the "id" field to for exmaple "XXXX" the error message changes
from:
Uncaught TypeError: Cannot read properties of undefined (reading 'Id')
to:
Uncaught TypeError: Cannot read properties of undefined (reading 'XXXX')
We attached a gif of the problem and the code snipped of the dojo. The browser is Chrome Version 109.0.5414.120 (Official Build) (64-Bit)
Greetings
Ingo E.
Hi Team,
I would like to request a better way to be able to refresh the filters when the Kendo UI Grid refreshes. I will elaborate more in an additional comment.
Thanks!
In Grid with classic columnMenu, both filter and columns popups appear if you move the mouse quickly over both.
Regression introduced with 2023.2.606
Video to reproduce: https://screenpal.com/watch/c0iI6fVgJjm
Both Filter and Columns popup appear together
Only one of the popups should be visible at a time
Currently, when the draggable column is also set to locked the rows cannot be reordered. - Dojo - https://dojo.telerik.com/@NeliKondova/ErOlEgUP
I would like to be able to reorder the rows in the Grid when the draggable columns to locked.