Estilo predeterminado
Proporcionamos dos niveles de estilos predeterminados:
- El estilo predeterminado de la hoja de trabajo
- El estilo predeterminado de la columna o fila
Ambos se pueden configurar a través de la interfaz IWorksheetData o la API de Facade.
Prioridad del fondo
B2 recibe estilos de fila y columna. Cambia la prioridad y añade un estilo de celda.
A1
Hoja
B1
Columna
C1
Hoja
A2
Fila
B2
Columna
C2
Fila
A3
Hoja
B3
Columna
C3
Hoja
Estilo de B2: Columna
isRowStylePrecedeColumnStyle: false
La ilustración compara fondos; las demás propiedades se combinan por separado.
Configuración
De forma predeterminada, el estilo de la columna tiene prioridad sobre la fila. estilo. Puede cambiar este comportamiento configurando isRowStylePrecedeColumnStyle durante el registro.
Elija su modo e incorpore estas opciones a la inicialización existente. Conserve los demás complementos y la configuración de idioma, tema y contenedor; no registre dos veces el mismo complemento.
import { UniverSheetsPlugin } from '@univerjs/sheets'univer.registerPlugin(UniverSheetsPlugin, { isRowStylePrecedeColumnStyle: true,})import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core'import { createUniver } from '@univerjs/presets'const { univerAPI } = createUniver({ presets: [ UniverSheetsCorePreset({ sheets: { isRowStylePrecedeColumnStyle: true, }, }), ],})Establecer estilo predeterminado
Hay dos formas de configurar el estilo predeterminado de una hoja de trabajo:
- A través de la interfaz
IWorksheetData
interface IWorksheetData { // other /** * @property {Nullable<IStyleData>} [defaultStyle] - Default style data of Worksheet. */ defaultStyle?: Nullable<IStyleData>}interface IRowData { // other /** * style data */ s?: Nullable<IStyleData>}interface IColumnData { // other /** * style data */ s?: Nullable<IStyleData>}- Establecer a través de la API de Facade
const fworkbook = univerAPI.getActiveWorkbook()const fworksheet = fworkbook.getActiveSheet()const defaultStyle = { bg: { rgb: 'red', },}const defaultColumnStyle = { bg: { rgb: 'blue', },}const defaultRowStyle = { bg: { rgb: 'green', },}// set default stylefworksheet.setDefaultStyle(defaultStyle)// set column D default stylefworksheet.setColumnDefaultStyle(3, defaultColumnStyle)// reset column D the default stylefworksheet.setColumnDefaultStyle(3, undefined)// set row default stylefworksheet.setRowDefaultStyle(1, defaultRowStyle)Reducir texto para ajustar
Usar FRange para reducir el texto cuando es más ancho que su celda. La configuración se aplica a todas las celdas del rango; getShrinkToFit() lee la celda superior izquierda.
const range = univerAPI.getActiveWorkbook().getActiveSheet().getRange('A1:C3')range.setShrinkToFit(true)const enabled = range.getShrinkToFit()Reducir para ajustar y ajustar texto son mutuamente excluyentes. Activar el ajuste de líneas desactiva la reducción; activar la reducción elimina el ajuste de líneas de las celdas que lo usan.
Espaciado del texto de las celdas
textLineGap añade espacio en píxeles entre las líneas del texto de las celdas, incluido el texto enriquecido y los editores de celda. Se configura al iniciar y se aplica a todos los libros de la instancia Univer. El valor predeterminado es 0 y debe ser finito y no negativo.
Altura de fila fija
Altura ajustada
import { UniverSheetsPlugin } from '@univerjs/sheets'univer.registerPlugin(UniverSheetsPlugin, { textLineGap: 6 })import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core'import { createUniver } from '@univerjs/presets'const { univerAPI } = createUniver({ presets: [UniverSheetsCorePreset({ sheets: { textLineGap: 6 } })],})Aumentar el espacio no cambia las alturas de fila existentes. Recalcule las alturas automáticas cuando sea necesario; una altura fija puede recortar el texto. Es un ajuste de la instancia, no un estilo de párrafo por celda.
¿Cómo es esta guía?