When the sortable option is disabled, the title in the header is not wrapped in span element with 'k-column-title' class.
Rendering with sortable enabled:
The filtering icon and title have enough space:
Rendering with sortable disabled:
filtering icon overlaps the title in case of long text:
The rendering should be identical. The header title should be wrapped in a span element with 'k-column-title' class
Workaround for fixing the overlapping issue:
<style>
.k-grid-header .k-filterable{
padding-right: calc(1.42857143em + 14px);
}
</style>
Ticket ID: 1489274
The TreeList reorderable functionality does not work when using a different field name for the parentId (not the default parentId).
In the example below the treelist with parentId: ''parentId" works well when you drag Carla under Ashley. But in the second treelist, Carla disappears
The grid dataBinding event exposes useful information like the action, based on which I can implement my logic.
The treeList equivalent only has the sender, making it virtually useless.
### Bug report
Treelist column's filterable property is applied to the wrong field when column locking and a multi-column header is applied.
Reported in: 1446991
### Reproduction of the problem
https://dojo.telerik.com/@Mearaj_6303/EDuhUlOG
### Current behavior
The Filter from "Position" is hidden.
### Expected/desired behavior
The Filter from "Phone" is hidden.
### Environment
* **Kendo UI version:** 2019.3.1023
* **Browser:** [all]
Hi,
Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220
After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.
Template to render:
<script id="actions-template" type="text/x-kendo-template">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">
<i class="fas fa-calendar-alt" /></a>
</div>
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">
<i class="fas fa-pencil-alt" /></a>
</div>
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">
<i class="fas fa-trash-alt" /></a>
</div>
</script>
Rendered template (good one) with previous version v2019.1.220
<td role="gridcell" style="white-space: nowrap;">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>
</div>
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>
</div>
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>
</div>
</td>
Rendered template (buggy one) after upgrading to version 2022.3.913
<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >
<i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">
</i></div><i class="fas fa-calendar-alt">
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >
<i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">
</i></div><i class="fas fa-pencil-alt">
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >
<i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">
</i></div><i class="fas fa-trash-alt">
</i></i></i></td>
As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…
I have also been playing in the Dojo and this seems to be the case.
Regards….
When there is a frozen column in the TreeList, not all the columns are resized correctly on double-clicking on the resize handler.
The Position column is not resized and a scrollbar may appear depending on the width of the screen
The behavior when clicking on the drag handler should be the same for all the columns. In the described scenario the Posiiton column should be resized as well.
When the style attribute is used to style the 'td' elements in the TreeList, the attribute is removed from the rendered markup.
The style attribute is removed.
The style attribute should persist in the rowTemplate.
The Kendo TreeList has an incorrect colspan value for the headers when the first column is hidden and the file is exported to Excel.
Dojo:
https://dojo.telerik.com/IFuCutaV/4
The names of the headers are not displayed in the correct positions.
Can you implement the global columns menu that is available in the Grid?
For example:
$("#treeList").kendoTreeList({
toolbar: [
"columns" // default built-in button to open the global columns menu
]
...
});
Hi Team,
I would like to request for the Kendo UI TreeList to have a column.resizable property similar to the Kendo UI Grid.
Thank you!
Hi Team,
I would like to request a way to allow the Kendo UI TreeList to be editable with the Kendo UI Editor. For example, it should allow the Editor to use the insertUnorderedList or insertOrderedList. Those lists would be indented, and the text would return back to a hierarchical style. Currently, this does not occur.
From
To
Thank you!
When a Kendo TreeList contains a parent row that is expanded and includes more than two child records, performing a delete operation results in only 3 delete requests being sent. Specifically, two for the last two child records and one for the parent record.
Here is a Dojo for reproduction: https://dojo.telerik.com/Cqxjobpr
Sends only 3 delete requests for the last 2 children and the parent.
Should send individual delete requests for the parent and every child
Here is the TicketID: 1676145
When using a draghandle to drag a same level item below another item, it will not drop in the correct place.
The item will revert back to the original position.
The item should be place in the expected dropped location.
With later jQuery versions, if the TreeList's toolbar is configured, and the scrollable option is set to false, the dragging indicator is misplaced. The issue does not reproduce with jQuery 1.12.3.
The dragging indicator is misplaced
The dragging indicator should be positioned correctly to show where the row will be dropped
jQuery: 3.7.0
Kendo UI version: 2024.3.1015
Browser: [all ]
### Bug report
When custom classes are set via the headerAttributes of the column and the showColumn is called, the predefined classes are wiped away
### Reproduction of the problem
1. Set custom class via headerAttributes.
2. Call the showColumn method.
3. Custom classes are wiped away.
Dojo sample for reproduction:
https://dojo.telerik.com/UJalevej
### Expected/desired behavior
The classes should be retained after the method is called.
### Environment
* **Kendo UI version:** 2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]
Hi Team,
I would like to request the functionality to filter by parent items, and display all associated children.
Thank you!
In the TreeList, the row colors are not consistent with other technology divisions, e.g. Angular. With the Classic Silver theme, the rows are not consistent regarding the alternating background colour approach. Additionally, in the Default theme, the rows are not as differentiated as they should be by design.
Note: the issue appears to be related to the k-treelist-group class on the elements in the TreeList.
Workaround: https://dojo.telerik.com/ORIjOcAB/3
The rows' background color are not consistent in regard to alternative background colors.
The rows' background colors should be consistent with the design.
Would like this option just like the regular grid has: http://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes