Encontré un problema extraño en Tabulator donde las alturas de las celdas son muy pequeñas cuando todas las columnas usan un formateador personalizado.

Vea este violín: https://jsfiddle.net/LukeAtkinsFNM/soLk5p0x/11/

Los dos formateadores que estoy usando son un formateador flotante y un formateador de fecha y hora de Luxon. Cada uno devuelve un valor de cadena.

 Tabulator.extendModule("format", "formatters", { float: (cell, params, onRendered) => { var val = cell.getValue(); if (val === null || val === undefined || isNaN(Number(val))) return ""; if (params.showZeros !== undefined) { if (!params.showZeros && val == 0) return "- "; } var text = Number(val).toLocaleString("en-AU", { notation: "standard", minimumFractionDigits: params.digits || 2, maximumFractionDigits: params.digits || 2, }); if (params.units) text += " " + params.units; return text; }, DateTime: (cell, params, onRendered) => { var dt = cell.getValue(); if (dt == null) return ""; if (typeof(dt) == "number" || !isNaN(dt)) dt = DateTime.fromMillis(Number(dt)); if (!dt.toFormat) return dt.toString(); if (!params.format) params.format = "yyyy-MM-dd hh:mm"; var text = dt.toFormat(params.format); return text; }, });

Las filas con datos completos parecen estar bien, pero cuando agrego una fila en blanco, la altura de la fila es correcta, pero las alturas de las celdas son pequeñas, lo que causa problemas al usar los editores de celdas.

Si agrego una columna en blanco, parece solucionar el problema, pero no es una solución deseable. ¿Alguien tiene alguna idea?