List Item in colonne

[io78]

Ciao
esiste un modo per creare una lista in cui gli item sono in forma tabellare?

cioè il risultato che vorrei ottenere è come quello nel file allegato (ho provato a inserirlo nel post ma c'è un trim sugli spazzi e le liste annidate non mi funzionavano :-P )

naturalmente le colonne val1 e val2 dovrebbero essere allineate

Grazie per qualsiasi consiglio

Luca

[io78]

scusate non avevo visto la limitazione sul tipo di attachment (nessun messaggio di errore??)

[webdemo]

una tabella può andare?

<table>
		<tr>
				<th scope="col"></th>
				<th scope="col">col1</th>
				<th scope="col">col2</th>
		</tr>
		<tr>
				<th scope="row">r1</th>
				<td>v1</td>
				<td>v11</td>
		</tr>
		<tr>
				<th scope="row">r2</th>
				<td>v2</td>
				<td>v22</td>
		</tr>
</table>

ciak

[io78]

Non è esatamente il risultato che volevo ottenere.... i valori che sono nella prima colonna dovrebbero essere indentati in modo gerarchico.

Ho provato mettendo delle <ul> annidate nella prima colonna (definita con un rowspan pari al numero di righe della tabella) ma poi l'allineamento di riga tra colonna 1 e le altre due si perde

ora ho ottenuto il risultato utilizzando una tabella con n+2 colonne (n = max sottolivello) e l'attributo colspan

<table cellspacing="1" cellpadding="1">
  <tr>
    <th style="width:400px;" colspan="3">Struttura</th>
    <th>Col Val 1</th>
    <th>Col Val 2</th>
  </tr>
  <tr>
    <td style="border-left: none;" colspan="3">Struttura1</td>
    <td style="text-align: right;">100</td>
    <td style="text-align: right;">60</td>
  </tr>
  <tr>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-left: none;" colspan="2">Struttura1-1</td>
    <td style="text-align: right;">25</td>
    <td style="text-align: right;">30</td>
  </tr>
  <tr>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-left: none;" colspan="2">Struttura1-2</td>
    <td style="text-align: right;">45</td>
    <td style="text-align: right;">10</td>
  </tr>
  <tr>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-left: none;" >Struttura1-2-1</td>
    <td style="text-align: right;">45</td>
    <td style="text-align: right;">10</td>
  </tr>
  <tr>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-left: none;" colspan="2">Struttura1-3</td>
    <td style="text-align: right;">30</td>
    <td style="text-align: right;">20</td>
  </tr>
  <tr>
    <td style="border-left: none;" colspan="3">Struttura2</td>
    <td style="text-align: right;">60</td>
    <td style="text-align: right;">12</td>
  </tr>
  <tr>
    <td style="border-right: none;border-left: none;"></td>
    <td style="border-left: none;" colspan="2">Struttura2-1</td>
    <td style="text-align: right;">60</td>
    <td style="text-align: right;">12</td>
  </tr>  
<table>

quasto è il massimo che sono riuscito a ottenere però come soluzione non è che mi piaccia molto perchè volevo arrivare a una visualizzazione tipo "esplora risorse" e le liste sarebbero state perfette...

ti viene in mente qualche altra soluzione ?

Grazie
Luca