Unable to show row filter textbox while generating the dynamic columns

0 Answers 28 Views
Top achievements
Rank 1
Mohan asked on 22 Nov 2021, 12:35 PM



I am trying to add row level filter textbox while generating dynamic columns and models.

 But, I am not able to make the row level filter while generating the dynamic columns and models.

If I add filterable: {mode: "row"} this is code in my project, the grid is not loading and showing some error.

I used below code for this issue.

Please help me to resolve this issue.



var model = self.generateModel(gridData);
            var filter = self.filterdateFN(gridData);
            var grid = $(ele).kendoGrid({
                toolbar: ["excel"],
                excel: {
                    allPages: true,
                    fileName: kendo.toString(kendo.date.today(), 'yyyy-MM-dd') + ".xlsx",
                dataSource: {
                    data: gridData.Data,
                    model: model,
                    pageSize: 50
                resizable: true,
                batch: true,
                pageable: true,
                pageable: {
                    pageSizes: [10,20, 50, 100],
                    numeric: false
                sortable: {
                    compare: customCompare
                groupable: true,
                scrollable: true,
                filterable: {mode: "row"},
                detailInit: grid_detailInit,
                columns: ColumnGeneration(gridData.Data[0]),
                excelExport: _VM_Layout.excelExport,
                dataBound: function (e) {
                    if (self.loadonPannelClick() == 1) {
                    else {
                   var grid = this;                
                    var dataSource = $(ele).data("kendoGrid").dataSource;
                    if (!dataSource.data()[0].HierarchyData) {
                        grid.wrapper.find('table colgroup col.k-hierarchy-col').width('0px');
                        grid.table.find('colgroup col.k-hierarchy-col').width('0px');
                        grid.tbody.find("td.k-hierarchy-cell a").removeClass("k-icon k-i-expand");

                    $(".lnkPanelDocument").click(function (e) {
                        var grid1 = $(ele).data("kendoGrid");
                        var row = $(this).closest("tr");
                        var dataItem = grid1.dataItem(row);



Telerik team
commented on 25 Nov 2021, 07:49 AM

Hi Mohan,

Thank you for sharing the Grid declaration.

I looked into it and I can say it looks good. What is the error message you are receiving? Furthermore, I created a demo that utilizes a dynamic Grid with a detail template and row filter mode enabled. It all seems to be working fine.

Feel free to modify the above to showcase the problem or assemble an entirely new demo so I can have a better understanding of the case.

Top achievements
Rank 1
commented on 03 Dec 2021, 03:34 PM

Hi Nikolay,


Thanks for your response.

I will check this code in my project and let you know.

Telerik team
commented on 08 Dec 2021, 07:28 AM

Hi Mohan,

Let me know if you manage to resolve the situation.

No answers yet. Maybe you can help?

Asked by
Top achievements
Rank 1
Share this question