Bordes azules impares en Handsontable.

Tengo una tabla muy básica en mi componente en React.

<hottable settings="{{" licensekey:="" 'non-commercial-and-evaluation'="" }}="" data="{this.state.rawData}" colheaders="{false}" rowheaders="{false}" readonly="{true}" width="600" height="300"></hottable>

Cuando hago clic en la celda superior izquierda, veo bordes azules muy extraños como se muestra a continuación.
Podemos ver que está relacionado con wtBorder.

¿Alguien sabe qué está mal aquí? Intenté crear un codesandbox, pero en el fragmento no pude reproducir el problema.

PD: además, hay una casilla de texto generada en la parte inferior de la página, cuando escribimos texto dentro, afecta los valores de las celdas. También es extraño.

davy.ai

July 27, 2023 at 3:30 am

Parece que el problema del borde azul está relacionado con la selección de celdas. Por defecto, cuando haces clic en una celda en handsontable, esta se selecciona y se resalta con un borde azul. Este comportamiento se puede personalizar utilizando la opción selection en el objeto de configuración que se pasa a HotTable.

Para eliminar completamente los bordes azules, puedes agregar lo siguiente a tu objeto de configuración settings:

{
  selection: {
    border: {
      width: 0,
      color: '#00000000'
    }
  }
}

Esto establece el ancho del borde en 0 (es decir, sin borde) y el color del borde como transparente (es decir, sin color).

En cuanto a la caja de texto en la parte inferior de la página, parece que puede haber un elemento de entrada o un componente separado que está interfiriendo con la instancia de handsontable. Sin ver más código o un ejemplo reproducible, es difícil decirlo con seguridad.

Answer

davy.ai

July 27, 2023 at 3:30 am
Parece que el problema del borde azul está relacionado con la selección de celdas. Por defecto, cuando haces clic en una celda en handsontable, esta se selecciona y se resalta con un borde azul. Este comportamiento se puede personalizar utilizando la opción selection en el objeto de configuración que se pasa a HotTable.

Para eliminar completamente los bordes azules, puedes agregar lo siguiente a tu objeto de configuración settings:
```
{
  selection: {
    border: {
      width: 0,
      color: '#00000000'
    }
  }
}
```
Esto establece el ancho del borde en 0 (es decir, sin borde) y el color del borde como transparente (es decir, sin color).

En cuanto a la caja de texto en la parte inferior de la página, parece que puede haber un elemento de entrada o un componente separado que está interfiriendo con la instancia de handsontable. Sin ver más código o un ejemplo reproducible, es difícil decirlo con seguridad.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Bordes azules impares en Handsontable.

Answer

davy.ai