Tablas
4 min
Mesa los bloques organizan información estructurada en filas y columnas. Archbee admite tanto tablas estándar de Markdown para datos simples como tablas HTML para formato y estilo avanzados.
Sintaxis
Usted puede agregar este componente usando Markdown o MDX.
| Column 1 | Column 2 |
|----------|----------|
| Cell 1 | Cell 2 |Las tablas de Markdown son ideales para mostrar datos estructurados simples. Use tablas HTML cuando necesite opciones de formato adicionales, como colores personalizados, alineación, anchos de columna o celdas combinadas.
Las tablas HTML admiten los siguientes atributos:
- isTableHeaderOn
- columnWidths
- lightBackgroundColor
- darkBackgroundColor
- alinear
- colSpan
- rowSpan
Ejemplos
El siguiente ejemplo demuestra ambos formatos de tabla compatibles.
Tabla Markdown
| Feature | Free | Pro | Enterprise |
|---------|------|-----|------------|
| Spaces | 3 | 20 | Unlimited |
| API Access | - | Yes | Yes |
| Custom Domain | - | - | Yes |
| SSO/SAML | - | - | Yes |Tabla HTML con colores
<table isTableHeaderOn="true" columnWidths="200,200,200">
<tr>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Service</strong></p>
</td>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Status</strong></p>
</td>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Uptime</strong></p>
</td>
</tr>
<tr>
<td align="left">
<p>API</p>
</td>
<td darkBackgroundColor="#166534" lightBackgroundColor="#86EFAC" align="center">
<p>Operational</p>
</td>
<td align="center">
<p>99.99%</p>
</td>
</tr>
<tr>
<td align="left">
<p>CDN</p>
</td>
<td darkBackgroundColor="#166534" lightBackgroundColor="#86EFAC" align="center">
<p>Operational</p>
</td>
<td align="center">
<p>99.98%</p>
</td>
</tr>
<tr>
<td align="left">
<p>Search</p>
</td>
<td darkBackgroundColor="#9A3412" lightBackgroundColor="#FED7AA" align="center">
<p>Degraded</p>
</td>
<td align="center">
<p>99.2%</p>
</td>
</tr>
</table>Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.