javascript - from - Kendo UI Grid Row Height establecido dinámicamente por control

kendo ui grid from table

Question

Anteriormente, cuando utilizaba el control Kendo UI Grid (versión 2014.1.318), la altura de las filas de mi cuadrícula era fija y se usaban puntos suspensivos para mostrar cualquier contenido fuera del ancho de la celda, con un aspecto similar al siguiente:

Ahora, desde que actualicé a la última versión de los controles (2014.2.903), la altura de la fila parece ajustarse para ajustarse al contenido:

El HTML para esa fila ahora contiene el estilo en línea del siguiente, mientras que antes no lo hacía.

style="height: 45px;"

Supongo que este es el problema. Quiero saber si hay una manera de desactivar esta característica o dónde en los guiones puedo eliminar esto. ¡Ni siquiera puedo encontrar cuando esto se introdujo en el historial de versiones !

EDITAR: He identificado el problema en el archivo kendo.common.min.css. Si uso el anterior, todo funciona bien ... solo tengo que encontrar el nuevo estilo que está causando el problema

Answer 1

Puede considerar proporcionar su propio CSS para ajustar la Grilla. He proporcionado un ejemplo aquí . El CSS principal que te interesaría sería:

.k-grid table {
table-layout: fixed;
}
.k-grid tbody tr{
height: 50px;
}
.k-grid td{
white-space: nowrap;
text-overflow: ellipsis;
}

Puede leer más sobre esto en los foros de Telerik

Answer 2

Siguiendo con el CSS de Cody, el problema se encontró en el archivo kendo.common.css . Utilicé todo el nuevo conjunto de archivos de 2014.2.903, pero con ese único archivo establecido en la versión 2014.1.318. No estoy seguro de qué ha cambiado en esos archivos, ya que ejecuté una comparación y no pude detectar la línea ofensiva.