Create rows when it has more than one value on Crosstab

I use cross tabs. How to create rows when it has more than one value?Product | Year 2018 | Year 2019 | Year … |
Product | Stock | Sell | Stock | Sell | Stock | Sell |

You may right click the values in Chrome and select Inspect to check the HTML and CSS, and add your own CSS under HTML → Styles → User tab to change how to display them.

I have tried right click and the result is like this…

<td class="ew-table-row" style="min-width: 200px;text-align: right;">
   <ul class="list-unstyled ew-crosstab-values">
         <li><span>23</span></li>
         <li><span>23</span></li>
   </ul>
</td>

What kind of css should I add?

https://discourse.hkvstore.com/t/inspect-html-element-and-add-your-own-css-styles/6310/1 to find out which CSS styles controls what you want and change it.

I have used this css code. But how to make the header row match.ul.ew-crosstab-values{ -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .list-unstyled ul.ew-crosstab-values li { border:1px solid; }