Ignition Perspective 8.1.
I currently have a web dashboard showing at various locations in the factory. It is built on Bootstrap 4 and shows all the first aid personnel in three categories: on-site at building 1, on-site at building 3 and offsite. This is a non-interactive page.
To handle displaying a dynamically changing amount of names in each category I currently use JavaScript to find the height of each row a single name is in. When the rows accumulate if the total height of all the rows reaches a percentage of the screen viewing height then add a new column to the right to populate with the overflow of names.
I am now bringing all factory dashboards into Ignition.
I have a query tag for each of the three categories returning a dataset - and bind to each table, each in a flex container, but obviously as standard the accumulating rows overflow off the bottom of the page. Each table only has 1 column and up to 120 rows.
I am fairly new to Ignition but to get the list of names to start a new column to the right every time the page length is reached I’d have to put a script transform on the bound dataset and loop through doing a media query each time, then add a new column to the table. (Or creating a new dataset every time the page length has been reached? )
This feels it’s maybe excessive due to my own lack of experience?
I would appreciate a better way to achieve this if anyone has any advice? Is a table even the best component? Planned direction of population of names shown in attached screenshot.
Regards.
Craig.
