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?
Try 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.
<style>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; }</style>