mvc - jQuery-Kendo UI Grid-Gran cantidad de columnas

kendo ui for jquery demos

Question

Tengo una grilla de UI de Kendo que tiene una gran cantidad de columnas (50). Aunque es probable que el usuario solo seleccione unas pocas columnas para ver, él / ella necesita la capacidad de seleccionar entre cualquiera de las 50 columnas. Desafortunadamente, en la mayoría de las pantallas, el menú de la columna de la grilla de Kendo será mayor que la pantalla. ¿Hay alguna manera de desplazar el menú de la columna o establecer submenús (que contienen grupos de columnas) en el menú de la columna?

Además, descubrí que la creación inicial del componente de rejilla de kendo es lenta para construir 50 columnas con menús de columna. Esto es cierto incluso cuando inicialmente se ocultaban todas las columnas. Por favor, avíseme si también hay una manera de ayudar con el rendimiento si se puede resolver el problema de vista anterior. Muchas gracias de antemano.

Answer 1

Puede usar CSS para reducir la altura del menú de la columna y agregar una barra de desplazamiento:

.k-group .k-group
{
  height: 100px;
  overflow: auto;
}

Aquí hay una demostración: http://jsbin.com/ebenay/1/edit