Esportare tabelle di Excel in un documento HTML con Copia-Incolla

Ultima modifica: 29-05-2016

 

Non è sempre così semplice copiare ed incollare una tanella di excel in una pagina HTML. Occorre sempre ripulire il codice che tale operazione compie.

Molte volte tale operazione non è molto semplice. Addirittura conviene disegnare a mano la tabella da includere in una pagina HTML.

Prendiamo come esempio questa semplice tabella che è simile a quella che si può vedere in un foglio di Excel:

Cod ARTICOLI
1 Chiodi

tabella excel

Una tabella di Excel di 2 righe per 2 colonne incollata in Dreamwear (un editor di pagine HTML) presenta questo codice:

<table cellspacing="0" cellpadding="0">
<col width="64" span="2" />
<tr>
<td width="64">cod</td>
<td width="64">Articoli</td>
</tr>
<tr>
<td align="right">1</td>
<td>chiodi</td>
</tr>
</table>

 

Ancor peggio la stessa tabella incollata in FrontPage (un altro editor di pagine HTML):

<table x:str border="0" cellpadding="0" cellspacing="0" width="128" style="border-collapse:
collapse;width:96pt" id="table1">
<colgroup>
<col width="64" span="2" style="width:48pt">
</colgroup>
<tr height="17" style="height:12.75pt">
<td height="17" width="64" style="height: 12.75pt; width: 48pt; color: windowtext; font-size: 10.0pt; font-weight: 400; font-style: normal; text-decoration: none; font-family: Arial; text-align: general; vertical-align: bottom; white-space: nowrap; border: medium none; padding-left: 1px; padding-right: 1px; padding-top: 1px">
cod</td>
<td width="64" style="width: 48pt; color: windowtext; font-size: 10.0pt; font-weight: 400; font-style: normal; text-decoration: none; font-family: Arial; text-align: general; vertical-align: bottom; white-space: nowrap; border: medium none; padding-left: 1px; padding-right: 1px; padding-top: 1px">
Articoli</td>
</tr>
<tr height="17" style="height:12.75pt">
<td height="17" align="right" style="height: 12.75pt; color: windowtext; font-size: 10.0pt; font-weight: 400; font-style: normal; text-decoration: none; font-family: Arial; text-align: general; vertical-align: bottom; white-space: nowrap; border: medium none; padding-left: 1px; padding-right: 1px; padding-top: 1px" x:num>
1</td>
<td style="color: windowtext; font-size: 10.0pt; font-weight: 400; font-style: normal; text-decoration: none; font-family: Arial; text-align: general; vertical-align: bottom; white-space: nowrap; border: medium none; padding-left: 1px; padding-right: 1px; padding-top: 1px">
chiodi</td>
</tr>
</table>

In entrambi i casi, per tenere il codice HTML pulito, occorre ripulire il codeice generato dall'operazione di incollaggio.

Da quel che si può vedere si nota che è molto più agevole pulire il codice generato da Dreamwear che non quello generato da FrontPage.

Dopo la pulizia il codice qui sopra esposto dovrebbe avere questa forma:

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>Cod</td>
<td>ARTICOLI</td>
</tr>
<tr>
<td>1</td>
<td>Chiodi</td>
</tr>
</table>

 

Ma questa non è la sede di una lezione di XHTML o robe del genere, per cui torniamo dal nostro buon VBA.

Si suppone che chi è interessato a questa cosa è già inizializzato al linguaggio HTML. Se così non è potete tranquillamente iniziare lo studio di questo linguaggio che, vi assicuro, è molto affascinante e creativo.