4D View Pro: Personalice el estilo de sus tablas

Las tablas son una parte integral de los documentos de 4D View Pro, por lo que hemos añadido numerosas funcionalidades relacionadas con las tablas a lo largo de las versiones de 4D. 4D v19 R8 añade una nueva relacionada con los estilos con el fin de que la tabla se integre perfectamente con el resto de su documento.

A partir de ahora, VP Set table theme ofrece una forma de aplicar por programación uno de los estilos de tabla predefinidos. Si ninguno de estos estilos satisface sus necesidades, puede definir su propio tema y aplicarlo a su tabla.

Estilo de tabla HDI VP

SpreadJS cuenta con más de 60 temas predefinidos:

• «dark1» a «dark11»
• «claro1» a «claro21
• «medium1» a «medium28
• «profesional1» a «profesional24

Para crear una tabla con uno de estos temas, puede indicarlo en el comando VP CREATE TABLE:

$parameter:=New object
$parameter.theme:="dark10"
VP CREATE TABLE(VP Cells("ViewProArea"; 2; 1; 3; 1); "myTable"; "people"; $parameter)

Del mismo modo, puede modificar el tema de una tabla existente con VP SET TABLE THEME:

$parameter:=cs.ViewPro.TableThemeOptions
$parameter.theme:="medium2"
VP SET TABLE THEME("ViewProArea"; "miTabla"; $parameter)

Puede recuperar y probar los temas oscuro, claro y medio utilizando la cinta de opciones:

Crear un tema personalizado

Si ninguno de los temas definidos se adapta a sus necesidades, puede crear su propio tema. Puede definir un estilo para sus columnas, líneas, encabezado y pie de página.

Por ejemplo, si desea tener esta representación de columnas en bandas:

Debe:

• Activar el renderizado de columnas en bandas:

$param:=cs.ViewPro.TableThemeOptions
$param.bandColumns:=True
$param.bandRows:=False

• Cree su estilo de encabezado:

$styleHeader:=cs.ViewPro.TableStyle.new()
$styleHeader.backColor:="rgb(255,228,92)"
$styleHeader.foreColor:="rgb(3,4,94)"
$param.theme:=cs.ViewPro.TableTheme.new()
$param.theme.headerRowStyle:=$styleHeader

• Cree su estilo de columnas alternativas:

$styleColumn1:=cs.ViewPro.TableStyle.new()
$styleColumn1.backColor:="#0077B6"
$styleColumn1.foreColor:="#03045E"
$param.theme.firstColumnStripStyle:=$styleColumn1

$styleColumn2:=cs.ViewPro.TableStyle.new()
$styleColumn2.backColor:="#CAF0F8"
$styleColumn2.foreColor:="#03045E"
$param.theme.secondColumnStripStyle:=$styleColumn2

Aplique su nuevo tema gracias a VP SET TABLE NAME:

VP SET TABLE THEME("ViewProArea"; "miTabla"; $param)

¡Y ya está!

De un vistazo a esta funcionalidad con el IDH de arriba y la documentación para más detalles.