<template> <div> <b-table :items="items" :fields="fields" :sort-by.sync="sortBy" :sort-desc.sync="sortDesc" responsive="sm" > <template v-slot:cell(total_cases)="data" > {{ formatNumber(data.value) }} </template> </b-table> </div></template><script>export default { data() { return { sortBy: 'total_cases', sortDesc: true, fields: [ { key: 'name', sortable: true }, { key: 'total_cases', sortable: true, class: 'text-right' } ], items: [ { name: 'United States', total_cases: '432132' }, ] } }, methods: { formatNumber(v) { const nf = Intl.NumberFormat() return nf.format(v) } }}</script>
❤️ Is this article helpful?
Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.
Do send some 💖 to @d_luaz or share this article.
✨ By Desmond Lua
A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz
👶 Apps I built
Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.