Bon, voila on tient la « solution finale » :
Ce Javascript dans la Personnalisation avancée (j’ai mis un timeout 100ms pour que ça aille plus vite à resize lors du chargement du design) :
function addColspan(_tabObjects) {
if (!_tabObjects) return
var nbtd
_tabObjects.each(function() {
if ($(this).css("column-span") != undefined)
{
if ($(this).css("column-span") === 'all')
{
nbtd = $(this).siblings().length + 1
$($(this).siblings()).remove()
$(this).attr('colspan', nbtd)
}
}
})
}
$(function() {
$('body').on('jeedom_page_load', function (event) {
setTimeout(function() {
addColspan($("TD"))
}, 100)
})
})
Une modification des onglets du Design F$B33 pour déclencher le pageload lors du clique sur le bouton de menu en ajoutant $('body').trigger('jeedom_page_load'); après le displayPan(); :
<a onClick="planHeader_id=10; displayPlan(); $('body').trigger('jeedom_page_load');"><li class="monmenu selected"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>
Et bien sur la mise en place du css column-span:all sur l’une des cellules :
Merci à @olivvv59 pour son code d’origine !
Merci à @kiboost pour son intervention miraculeuse et l’idée du jeedom_page_load
Il y a surement mieux, mais c’est plus cher 