Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Estilo de tabla

Prev Next

Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






El estilo de tabla es un elemento importante en Document360 o en cualquier vía posible para crear un diseño enriquecido para un documento. Document360 tiene mejores opciones de diseño para las tablas y los elementos de tabla.

¿Por qué son importantes los elementos de la tabla para un documento?

Organizar la información en una disposición específica, normalmente con filas y columnas, puede ayudar a comprender las complejas estructuras de los datos.

Aplicar estilo a las tablas mediante fragmentos CSS en Document360

Siga los pasos a continuación para aplicar estilo a las tablas mediante fragmentos CSS.

  1. Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.

  2. En el panel de navegación izquierdo, haga clic en la  pestaña CSS.

  3. Haga clic  en Agregar fragmentos de código en la parte superior derecha del espacio de código.

    Aparece una ventana, precargada con siete fragmentos básicos que puede utilizar para personalizar el sitio de la base de conocimientos.

  4. Haga clic en Cambiar estilos de tabla (el fragmento aparece en el bloque de código CSS personalizado).

  5. Haga clic en Ctrl+S o Guardar en la parte superior derecha para guardar el cambio.


Adición de CSS personalizado

También puede agregar un estilo CSS personalizado a su tabla, además del fragmento predeterminado proporcionado.

Por ejemplo

table th, table td{
border: 1px solid #67cfbf;
padding: 2px 10px;
}
table th {
background: #fcf8c0;
font-weight: 600;
}
table th:empty {
display:none;
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2;
}

Si ingresa este código CSS personalizado en el espacio de código en la pestaña CSS , su salida aparecerá como se muestra a continuación:
02_Screenshot_Table_style_CSS