HTML5 validez de tablas anidadas

Estoy buscando las especificaciones de HTML5 en términos de tablas. Estoy haciendo una aplicación web que tiene muchas tablas de datos.HTML5 validez de tablas anidadas

Estas tablas generalmente tienen una fila de base de datos asignada a una fila de la tabla. Todo es bueno. Sin embargo, un niño con un problema en particular tiene tantas columnas que debe repartirse en dos filas de la tabla. Así que las mesas ordinarias son (en pseudo):

<table> 
<thead> 
<tr> 
    <th>Header</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table>

y la fila problemática son así:

<table> 
<tbody> 
<tr> 
    <th>Header row 1</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
<tr> 
    <th>Header row 2</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table>

Así que mi pregunta es ahora: ¿Es válido tablas de haber anidado en HTML 5? Podemos fácilmente aceptar que es muy feo. Pero estoy considerando solo la validez aquí.

Si puedo tener tablas anidadas, resolverá cualquier cantidad de problemas relacionados con la clasificación y edición de estas tablas (se ha implementado una funcionalidad de semi-cuadrícula de datos). De esta manera, la tabla principal puede consistir en una sola fila con dos columnas. la fecha ordenable y la tabla incrustada con los datos.

¿Qué dice usted? He estado buscando las especificaciones pero no he podido encontrar nada definitivo.

Fuente

2012-04-24 Michael Sørensen

La manera fácil de averiguarlo: http://validator.w3.org/ –

Creo que es tan válido como siempre. ¿Pero no puedes lograr lo que quieres con 'rowspan' y' colspan'? –

Sí. Sin embargo, es 1) una aplicación de intranet y no accesible públicamente y 2) Me gustaría tener una pista antes de refactorizar el código, solo para revertir si no valida;) –

Este documento, que contiene nada más que una tabla anidada:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>A nested table</title> 
</head> 
<body> 
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <table> 
         <tbody> 
          <tr> 
           <td>Nested</td> 
           <td>Table</td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html>

... es válido, según http://validator.w3.org/nu/:

El documento valida de acuerdo con el esquema (s) especificado y al adicional restricciones verificadas por el validador.

Fuente

2012-04-24 12:44:50

Por alguna razón, el validador no funciona para mí. Pero tomo su trabajo para eso;) Gracias :) Editar: Ahora lo hizo después de que alguien pateó un proxy. Afortunadamente obtengo el mismo resultado;) –

-4

Por lo que he oído (alguien que es un desarrollador web con más experiencia, por favor rellene más sobre esto), tablas anidadas deben ser anidado en realidad dentro de <td> elementos que a su vez están anidados dentro de <tr> ' s y otras tablas, no solo dentro de las tablas o filas directamente. Por mi parte, creo que es un verdadero dolor ... pero bueno.

Fuente

2013-09-04 21:38:45

HTML5 validez de tablas anidadas

Respuesta

Cuestiones relacionadas