KendoUI dynamic columns take time

[Sujal]

I have about 80 to 100 columns. I am adding or removing columns by making hidden true or false. I also tried removing and adding column names from/to the columns field. They are all happening but at the cost of at least two seconds. Is there any solution?

[Pavlina]

Hello,

The performance issues come from the large amount of DOM elements used to render the columns and rows. In your case with so many columns using paging or virtual scrolling is the recommended approach to decrease the time and improve the performance.

Additionally if this not helps would you share the Grid's configuration code as well, or ideally - a runnable sample project that we can examine? That will allow us to investigate further.

Regards,
Pavlina
Telerik

 

 

[Sujal]

Hello,

I am dumping all the data from API and making many of their hidden property values true. I have my own dropdown that shows all the columns, checking any of which makes its respective column's hidden value false or true, since that is how the requirement is. Furthermore, since I am directly populating 'dataSource.data' with all the columns and data at once, I didn't make use of virtualisation or server paging. The following is the grid's configuration:

vm.gridOptions = {
    groupable: true,
    sortable: true,
    resizable: true,
    reorderable: true,
    columnMenu: {
      columns: false
    },
    pageable: {
      info: false,
      pageSizes: true,
      input: true,
      numeric: false,
      messages: {
        page: "",
        itemsPerPage: "<span id='showRows'>rows</span>"
      }
    },
    scrollable: {
      virtual: true
    },
    dataSource: {
      pageSize: 10,
      serverPaging: false,
      serverSorting: false,
      serverFiltering: false,
    },
    filterable: {
      mode: "row"
    }
  };

 

Thanks for the response.

[Pavlina]

Hi,

In the attached example you can show/hide columns using  ShipAddress column menu, however delay is not observed there most probably because the columns count is small:
http://dojo.telerik.com/IMEPo/7

Try to modify the dojo project linked above in order to replicate the problem you are facing and send it to us so we can advice you further.

Regards,
Pavlina
Telerik