Issue #1738💬 RespondidoAbierto el 22 de enero de 2019por cnaa97Reacciones 0

Error de redimensionamiento de la celda de la tabla (td, th)

Respuesta rápidapor artf

El verdadero problema aquí es la clase, así que no me importa eliminarlos del núcleo (aquí en realidad no sirven para nada), pero evitaría otros componentes relacionados con tablas.

Lee la respuesta completa abajo ↓

Pregunta

Hola. Estoy trabajando en la función Table con este increíble proyecto grapesjs.

Problema

  1. Añadí un componente de tabla en el lienzo.
  2. En 'ComponentTableBody.js', cambiar las opciones de filas y columnas por defecto.
  3. En ComponentTableCell.js, añadir opciones 'redimensionables' en el componente de celda.
  4. luego para hacer que la celda de redimensionamiento funcione, pero no funciona.

! 2019-01-22 14-06-46 2019-01-22 14_09_43

Descripción del problema

Luego, cuando manejo el redimensionamiento de la celda, parece actualizar la clase CSS, pero no se actualizó en la vista. Debido a la clase CSS por defecto, el componente de celda tiene solo una clase llamada 'celda'.

Por otro lado, para cambiar el tamaño de las columnas de la tabla, colgroup y col son estándar en HTML. Y Grapesjs parece necesitar un componente de colgroup y col.

Mi sugerencia

  1. Añadir por defecto una clase css indexada para cada celda.
  2. Añadir nuevos componentes, el elemento 'colgroup' y el 'col'.
  3. En SelectComponent, añade una sentencia condicional para redimensionar la celda.

! 2019-01-22 14-10-55 2019-01-22 14_12_44


Si no te importa, quiero contribuir con Pull Request.

Respuestas (2)

artf22 de enero de 2019

El verdadero problema aquí es la clase, así que no me importa eliminarlos del núcleo (aquí en realidad no sirven para nada), pero evitaría otros componentes relacionados con tablas.

lock[bot]24 de enero de 2020

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.