Faire un tableau dans un tableau

[Pinpon_112]

Bonjour,
Pour une tuile, je souhaiterais savoir s’il est possible de faire un tableau dans un tableau ?
En effet, j’ai un gros éléments avec 4 autres petits. Je souhaiterais avoir le gros élément et à coté les 4 autres sous forme de tableau en 2 x 2.
En résumé, je cherche à faire un tableau 1x2 et dans la seconde colonne, un autre tableau en 2x2. Est-ce possible et comment ?
Egalement, comment donner un fond noir à toute cette tuile ?
Merci pour votre aide.
Seb

[olive]

C’est par l’utilisation des tableaux en html et css que tu pourra agir
je t’invite a faire une recherche sur le net avec les mots clef suivant tableau html css.

[cstan77]

Salut @Pinpon_112
je t’ai fait ton code, tu veux ça ,

Code ici https://codepen.io/stan77/pen/vYyZJJx

[Pinpon_112]

Merci, oui c’est ce genre. Mais où dois-je mettre ce code vu que c’est pour une tuile particulière ?

[cstan77]

tu le mets dans le Template, ou tu te crées un widget

[olive]

Ce n’est pas une tuile qui reçoit un tableau mais un équipement
regarde dans ton équipement
configuration avancée
disposition … tableau

[Pinpon_112]

Merci @olive, Cela, je l’avais déjà trouvé mais je ne peux pas éditer et y mettre mon propre code html et css ou alors j’ai mal regardé.

[olive]

Si ce n’est pas suffisant tu fait un virtuel avec une seule commande info type autre

et dans sa valeur il faut y mettre tout ton tableau en html

voila un exemple

La valeur est préparer dans un tag de scenario pour simplifier.

ca fini donc par

#data# contenant toutes les données de mon tableau html css et valeurs comprises.

[sebastien62]

Bonjour,
J’ai compris le principe, mais je galère sur la création du tableau.
je vois pas comment géré la mise en forme du tableau

Peux-tu partager le code de ton tableau exemple svp?

Merci

[olive]

$tags = $scenario->getTags(); // recuperation des tag
$ip = $tags['#ip#']; // recuperation ip

$url = "http://".$ip."/req?code=pwr"; // composition adresse url
$curl = curl_init();

curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

$data = curl_exec($curl); // appel de la requette et recuperation dans $data
$data=str_replace("\n",'',$data);
$data=str_replace("\r",'',$data);

$err="";
if(curl_error($curl)) {
    $scenario->setLog('DEBUG 0 ------------------> Erreur sur CURL N° : '.curl_errno($curl).' , '.curl_error($curl));
  	$err = 'Erreur sur CURL N° : '.curl_errno($curl).' , '.curl_error($curl);
}
curl_close($curl);// fermeture de la requette

for ($i = 1; $i <= 6; $i++) {$data = str_replace("  "," ",$data);}//supprime tous les espaces double
$data = str_replace(" ",",",$data);// remplace les espaces par des virgules
$data = str_replace("pwr","",$data);
$data = str_replace("@","",$data);
$data = str_replace("Time","Date,Heure",$data);
$data = str_replace("Coulomb","Energie",$data);
$data = str_replace("Power",", Rack ",$data);
$data = str_replace("Idle","Veille",$data);
$data = str_replace("Normal","ok",$data);
$data = str_replace("Tempr"," Temperature ",$data);
$data = str_replace("Tlow","T Min",$data);
$data = str_replace("Thigh","T Max",$data);
$data = str_replace("Vlow","V Min",$data);
$data = str_replace("Vhigh","V Max",$data);
$data = str_replace("Base.St"," Statut ",$data);
$data = str_replace("Curr"," Intensité ",$data);
$data = str_replace("Dischg"," Décharge ",$data);

$scenario->setLog('DEBUG 1 ------------------> : '.$data); //Trace des données dans le log du scenario

$tab = explode(',', $data);//decomposition des données en tableau

for ($i = 0; $i <= 8*17; $i=$i +17) {
$t1=date('d:m:Y',strtotime($tab[31+$i]." ".$tab[32+$i])-(0));
$t2=date('H:i:s',strtotime($tab[31+$i]." ".$tab[32+$i])-(0));
$tab[31+$i]=$t1;
$tab[32+$i]=$t2;
}

$l= 8;
$table="<br><table style='border-collapse: separate;border-spacing: 3px;'>";
$table = $table."<tr>";

for($z=1;$z<18;$z++){
$table = $table."<td>".$tab[$z]."</td>";
}
$table = $table."</tr>";
for ($l = 1; $l <9; $l++) {
$z = (17*($l-1));
$table = $table."<tr>";
$table = $table."<td>".$tab[18+$z]."</td>";
$table = $table."<td>".$tab[19+$z]/1000 ."V</td>";
$table = $table."<td>".$tab[20+$z]/1000 ."A</td>";
$table = $table."<td>".$tab[21+$z]/1000 ."°C</td>";  
$table = $table."<td>".$tab[22+$z]/1000 ."°C</td>";  
$table = $table."<td>".$tab[23+$z]/1000 ."°C</td>";  
$table = $table."<td>".$tab[24+$z]/1000 ."V</td>";  
$table = $table."<td>".$tab[25+$z]/1000 ."V</td>"; 
$table = $table."<td>".$tab[26+$z]."</td>";  
$table = $table."<td>".$tab[27+$z]."</td>";  
$table = $table."<td>".$tab[28+$z]."</td>";  
$table = $table."<td>".$tab[29+$z]."</td>";  
$table = $table."<td>".$tab[30+$z]."</td>";   
$table = $table."<td>".$tab[31+$z]."</td>";
$table = $table."<td>".$tab[32+$z]."</td>";
$table = $table."<td>".$tab[33+$z]."</td>";  
$table = $table."<td>".$tab[34+$z]."</td>";
$table = $table."</tr>";
}
$table = $table."</table>";

$table = str_replace("<td>","<td style ='border: 1px solid red;height: 30px;'>",$table);

if($err ==''){
$tags["#data#"]= $table;
$tags["#err#"]="";  
}else{
$tags["#data#"]= $err;
$tags["#err#"]= "SENARIO PYLONTECH ".$err;
}

//$tags["#err#"]=""; 

//$tags["#data#"]= $table;
$scenario->setTags($tags); // affectation des tag

[sebastien62]

merci je vais étudier