I have 2 Custom data tables in 1 map. These are practically identical. They display Offline devices. But this is for a wallboard, so i need it to show as much data as possible.

So I have split the screen in 2 where i plan that the left side shows the first 20 offline devices, and the right side starts to show data when it's over 20 devices offline.

Here is the code:

Leftside:

<!--Data Tables: Alarms NO SC Down-->

<style>
    #table_dashalarmtable_myview tbody td {
        font-size: 22px;
        background-color: transparent;
}
    }
</style>

<div class="map_object map_table" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="overflow:hidden;
    <#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
    <#mapobject type="objectgrip" mode="<@editmode>">
    <#mapobject type="htmlbefore" subid="<@subid>">
    <#checkobjecttype objecttype="probenode,group,device" nicemessage="true" id="<@objectid>">
    <div class="maptablecontainer" style="overflow:hidden;">
        <#lang key="html.dashboard.alarms" default="Alarms" var="alarms">
        <#objectstatus name="downsens" show="htmllink" var="alarmcount">
        <#objectproperty name="name" var="objname" id="<@objectid>">
       <!-- <b><#inserthtml html="@alarmcount @alarms" varexpand="html"></b> -->

        <#table tableid="dashalarmtable_myview"
        content="device"
        id="<@objectid>"
        columns="downtimesince,group,device,sensor"
        count="*"
        links="false"
        sortable="false"
        infoheader="false"
        sortby="-downtimesince"
        filter_tags="@tag(<@tagfilterstring>)"
        filter_status="5"
        filter_status="13"
        filter_status="14"
        >
    </div>
    <#mapobject type="htmlafter" subid="<@subid>">
</div>

Right side:

<!--Data Tables: Alarms NO SC Down +20 -->

<style>
    #table_dashalarmtable_myview_20 tbody td {
        font-size: 22px;
        background-color: transparent;
}
    }
</style>

<div class="map_object map_table" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="overflow:hidden;
    <#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
    <#mapobject type="objectgrip" mode="<@editmode>">
    <#mapobject type="htmlbefore" subid="<@subid>">
    <#checkobjecttype objecttype="probenode,group,device" nicemessage="true" id="<@objectid>">
    <div class="maptablecontainer" style="overflow:hidden;overflow-y:hidden;">
        <#lang key="html.dashboard.alarms" default="Alarms" var="alarms">
        <#objectstatus name="downsens" show="htmllink" var="alarmcount">
        <#objectproperty name="name" var="objname" id="<@objectid>">
       <!-- <b><#inserthtml html="@alarmcount @alarms" varexpand="html"></b> -->

        <#table tableid="dashalarmtable_myview_20"
        content="device"
        id="<@objectid>"
        columns="downtimetime,group,device,sensor"
        count="*"
        row="20"
        links="false"
        sortable="false"
        infoheader="false"
        sortby="-downtimesince"
        filter_tags="@tag(<@tagfilterstring>)"
        filter_status="5"
        filter_status="13"
        filter_status="14"
        >


    </div>
    <#mapobject type="htmlafter" subid="<@subid>">
</div>

Here is how it looks now. But here the right side should be empty, since only 2 devices are offline.:

https://www.screencast.com/t/oKlXoLsw

I have tried Start="20".

Any ideas?

Thanks!

Aksel

Article Comments