Hi,
Hopefully you can help us out with this!
On Kendo Grid, when filtering, we have an option 'Select All' as you can see below.
Now if we run a search for 'B' we get the below:
Now the select all option has disappeared and in some cases we would have a lot of options to enable.
Any ideas?
Thanks
Mark
$scope.OptionsGridApplication_Team_Settings = {
dataSource: $scope.DataGridApplication_Team_Settings,
resizable: false, selectable: "single",
columns: [
{
field: "TeamName",
title: "TeamName",
encoded: false,
hidden: true,
attributes: { "class": "ellipsisTextSpan", },
template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.TeamName)) },
groupHeaderTemplate: function (e) {
var html = '';
html = html + '<span class="headerTeamGroup" data_TeamId="' + e.value + '" title="' + e.value + '">';
html = html + stringCutterA(e.value, 131);
html = html + '</span>';
return html;
},
},
{
field: "SystemIdentifier", title: "Environment Name", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.SystemIdentifier)) }
},
{
field: "EnvironmentType", title: "Environment Type", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.EnvironmentType)) }
},
{
field: "URL", title: "Environment URL", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.URL)) }
}
],
dataBound: function () {
debugger;
serviceFactory.AccessibilityGridEmpty(this);
}
};
Hi
Please see the attached. The search box styles are broken.
Hi,
I raised a forum support ticket for hiding the scrollbar when the data rows is <= pagesize. https://www.telerik.com/account/support-tickets/view-ticket/1493109
The response was to set the scrollbar overflow to auto and padding removed which caused overlapping of the scrollbar with the last column when visible.
Feature is requested to have this feature inbuilt with Grids having Virtual Scroller to avoid it.
Thanks
Devna
I'm currently get my application up to WCAG 2.1 compliance, however im come across an issue with the kendo grid that is causing it to fail.
when I load up the page there are no issues, the column headers id is a randomly guid and the cells below aria-describedby attributes reference that guid.
However when I press on the column header it sorts the column however in doing so it changes the id of header and this causes the cells below to have their aria-describedby attribute to reference an id that doesn't exist anymore.
I have the grid keyboard navigable.
Is there anyway to force it to always use an id?
Bug report
Reproducible in mobile mode enabled
1. Open below demo and enable mobile mode
2. Refresh
https://demos.telerik.com/kendo-ui/grid/editing
Current behavior
Error is thrown, grid not bound
Expected/desired behavior
No error shall appear
Environment
Kendo UI version: 2020.3.1021
jQuery version: x.y
Browser: [Chrome | Firefox ]
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:
- Go to https://demos.telerik.com/kendo-ui/grid/index
- Hit F12 top open the Developer toolbar
- Click on "Toogle device toolbar" (CTRL + SHIFT + M)
- Choose any device, ex: iPad, iPhone
- Reload page to make the changes take effect
- Click on "Run live demo"
- Grid not loading!!
- Console is showing a JavaScript error: "Cannot read property 'rows' of null"
### Feature Request
The TypeScript definitions of the Kendo UI Grid are missing the "editable" object - the object that is built runtime when the grid enters edit mode.
### Environment
* **Kendo UI version:** 2020.3.915
* **jQuery version:** 1.12.4
* **Browser:** [all]
Bug report
When the dataSource is set with the setDataSource method
Reproduction of the problem
Dojo example.
- Run the dojo
- Click the button
- Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows
Current behavior
The scroll position is not updated while scrolling and navigation stops at 10347.
Expected/desired behavior
Scroll position is properly updated and the user can navigate to the end of the page.
Environment
- Kendo UI version: 2020.3.915
- jQuery version: x.y
- Browser: [all ]
Bug report
Selecting cells from the frozen table in Frozen columns + selectable: "multiple cell" scenario selects the bellow cells from the non-frozen table
Reproduction of the problem
Open below Dojo
https://dojo.telerik.com/exobAcEl
Scroll the horizontal scrollbar to the right.
Select some cells from the frozen table.
Move the scroller back to its original position.
Expected/desired behavior
Cells from the non-frozen table shall not be selected.
EnvironmentKendo UI version: [all]
Browser: all
Bug report
Draggable does not respect dragging object width in Grid upon dragging a column
Reproduction of the problem
Open below Dojo
https://dojo.telerik.com/iSiSeCeb
Drag Shipped Date column from the right corner
Huge gap appear between the dragged column object and the pointer
Expected/desired behavior
Pointer shall be over the dragged object
EnvironmentKendo UI version: [all]
Browser: all
Bug report
In Grid Multi filtering checkboxes and their labels are misaligned.
Reproduction of the problem
In the official demo: https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes
Expected/desired behavior
Checkboxes and labels shall be aligned.
Workaround:
The following CSS can be applied:
<style>
.k-label span {
vertical-align: top;
}
</style>Dojo: https://dojo.telerik.com/OgiYEBiB
Environment
Kendo UI version: [all]
Browser: [all ]
Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))
- If scroll exists, resize in column will not work
- after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
- after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position
Link to Dojo:
https://dojo.telerik.com/IZInOVUd/4
video:
https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view
Regards,
Hi Team,
I'd like to request the functionality to allow the user to select the ALL option while using GroupPaging.
Thank you
When there are a lot of columns on the page and a column is shown, it is shown at its original position in the grid columns array.
It would be much better from a user experience point of view if the column is shown where the user clicked on the column menu to show the hidden column.
Bug report
Grid Filter Inputs Value Switch after filter is applied and filter menu reopened
Current behavior
When the second input in the filter menu is provided and grid filtered after reopening the filter menu the filtered value is bonded to the first input
Dojo to reproduce:
https://dojo.telerik.com/UXajIbey
Steps to reproduce:
1. Open filter menu for "Event Date" column
2. Set a filter value on the second DatePicker input and hit the Filter button
3. Reopen the filter menu on the same column
Expected/desired behavior
The filtered value shall be bonded to the input user has provided
Environment
Kendo UI version: all
Browser: all
It would be great if the selected operator could be made visible in a filter row. For instance when I select the operator "Is greater than or equal to" the filter button icon should reflect this operator option. Something like this:
Bug report
When the Grid is used with MVVM, if there is a footer template defined for a given column and 'data-auto-bind' is set to false, the footer template is not rendered properly.
Reproduction of the problem
- Open this Dojo and run it. See the expected footerTemplate result
- Change the 'data-auto-bind' property to false
- Run the project again
Current behavior
The footerTemplate defined for the "Unit" column is displayed under "ProductName"
Expected/desired behavior
The footerTemplate defined for the "Unit" column should be displayed under the "Unit" column
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [all]
Hi,
I would like to request the configuration of the Search Panel to have a custom search function. For example, I could use this to modify search results(ie. ignore accents).
Thank you!