Grid columns and rows set dynamically with javascript

Question

I need to build a grid-layout like this: | a | c | f | |:-:|:-:|:-:| | b | d | g | | | e | h |

These grid-items would be generated from the following array: