js diseño de celda de tabla de tabla nativa y otros problemas

js forma de tabla nativa colspan, problema de diseño de celda combinada de filas

Método 1

 <tr>
      <td colspan="1" class="center" >11</td>
      <td colspan="1" class="detaildata"  >22</td>
      <td colspan="3" class="center">33</td>
      <td colspan="10" class="detaildata">44</td>
</tr>
<tr>
      <td colspan="2" class="center">55</td>
      <td colspan="5" class="detaildata" >66</td>
      <td colspan="2" class="center">77</td>
      <td colspan="6" class="detaildata" >88</td>
 </tr>

1. Entre cada fila, la configuración estándar de ancho de la celda combinada debe corresponder, de lo contrario, se estirará;
2. Si una fila se divide en 15 partes, entonces el valor agregado del colspan<tr> </tr> en la etiqueta debe ser 15;
3. Lo mejor es establecer una línea por adelantado como estándar, dividir el ancho de cada parte y luego personalizar el diseño de la celda combinada de acuerdo con el estándar anterior;
4. Si el ancho no se establece correctamente, el ancho se asignará de acuerdo con el tamaño del contenido;

Método 2

Una propiedad poco conocida de CSS2.1, table-layout: auto. El valor predeterminado es automático, que se distribuirá automáticamente, pero se cambiará para table-layout: fixedque la fijación de la mesa sea más controlable, pero debe especificar un ancho para la mesa cuando la use.