Align text to the top?

[Anth 10]

Hi all. So I have a QA I am playing around with which provides a graph of my home temperatures from various sensors. It automatically adjusts depending the number of items in the array. This is done with HTML tags (below). I would like the 10,20,30 & 40 to be aligned at the top of the "cells" but everything I have tried doesn't work.

Any suggestions?

 

Thanks.

 

GUI:

Please login or register to see this image.

/monthly_2025_02/image.png.39c746bb7aeb5fe5bae329890d03fd69.png" />

 

 

function QuickApp:updatechart()

    local scaleMin = 0

    local scaleMax = 40

    local quantity = 0

    local wdth = 0

    local hgt=0

    local trhgt =0

    local tblVar=""

    local legVar=""

 

    -- 273.value for outside temp

 

   

    local arr = {{name="Outside",val=hub.getValue(273, "value")},{name="Master",val=getVar(308,"Temperature")},{name="Ensuite",val=hub.getValue(113, "value")},{name="Study",val=getVar(288,"Temperature")},{name="Guest",val=getVar(309,"Temperature")},{name="Living",val=getVar(310,"Temperature")},{name="Lounge",val=getVar(311,"Temperature")},{name="Entry Front",val=hub.getValue(119, "value")},{name="Entry Rear",val=hub.getValue(125, "value")}}

   

 

    self:debug(scaleMin .. " - " .. scaleMax.." - ")

        for _,i in ipairs(arr) do

        quantity = quantity+1

    end

   

    for _,i in ipairs(arr) do

        self:debug("element ".. i.name)

        self:debug("value ".. i.val)

        wdth = (10*quantity)+120

        trhgt = quantity*100//6

        hgt = ((quantity*100//6)*i.val)/(scaleMax-scaleMin)

        tblVar = tblVar.."<td><table><table width=10px><tr height="..trhgt-hgt.." bgcolor=black><td></td></tr><tr height="..hgt.." bgcolor=blue><td></td></tr></table></td>"

        legVar = legVar.."<tr bgcolor=black><td>"..i.name.."</td></tr>"

    end

 

    local tblhtml = "<table><table width="..wdth.."px><tr height="..tostring(trhgt).."px><td><table><table width=20px border=white><tr height="..tostring(trhgt//4).." bgcolor=black ><td>"..tostring(scaleMax).."</td></tr><tr height="..tostring(trhgt//4).." bgcolor=black><td>"..tostring(3*(scaleMax-scaleMin)//4).."</td></tr><tr height="..tostring(trhgt//4).." bgcolor=black><td>"..tostring(2*(scaleMax-scaleMin)//4).."</td></tr><tr height="..tostring(trhgt//4).." bgcolor=black><td>"..tostring(1*(scaleMax-scaleMin)//4).."</td></tr></table></td>"..tblVar.."<td><table><table width=100px>"..legVar.."</td></tr></table>"

 

    self:updateView("lblTable", "text", tblhtml)

 

end