Want to render a single item per line, but with additional detail with complex objects

I want to render data in dropdown as in a table or grid form.I see @grapecity/wijmo can help on this

Here is the demo https://jscodemine.grapecity.com/sample/QQ_uQ7V6ekCZwqAb1I13Bg/

<wj-item-template v-slot="ctx">
                    <!--
                        ctx.item - item in itemsSource of ListBox control
                        ctx.itemIndex - index of item in itemsSource of ListBox control
                        ctx.control - ListBox controll
                    -->
                    <table><tr>
                        <td>{{ ctx.item.country }}</td>
                        <td class="number" title="GDP (million US$/year)">{{ format('gdpm:c0', ctx.item) }}</td>
                        <td class="number" title="Population (thousands)">{{ format('popk:n0', ctx.item) }}</td>
                        <td class="number" title="GDP/cap (US$/person/year)">{{ format('gdpcap:c0', ctx.item) }}</td>
                    </tr></table>
                </wj-item-template>

This is perfect example works well here, But I want to make it custom, can we make it ?