How to format Vuetify data table Float column to decimal and pt-br?

Question

I have a simple data table using Vuetify data table. One of the column is a float type, I want to BRL format. How can I do it ?

I want: 176,000 - 300,000 - 2,017.363 - 5,043.407 - 637,168 ...

<template>
   <data-tables
            v-loading="listLoading"
            :data="data"
            :filters="filters"
            :total="totalRows"
            :pagination-props="pageSizes"
            :current-page.sync="currentPage"
            :page-size="pageSize"
            @expand-change="handleExpand"
            @query-change="list"
            @selection-change="handleSelectionChange"
            @size-change="handleSizeChange"
          >
</template>

 methods: {
        loadColumns() {
          var columns = [
            { prop: '', label: '', resizable: true, align: 'left', headerAlign: 'center', width: '15' },
            { prop: '', label: '', resizable: true, align: 'left', headerAlign: 'left', width: '30' },
            { prop: '', label: '', resizable: true, align: 'left', headerAlign: 'left', width: '40' },
            { prop: 'Value', label: 'Value', resizable: true, align: 'left', headerAlign: 'left', width: '50' },

          ]

Does this answer your question? [How to format Vuetify data table date column?](https://stackoverflow.com/questions/57944894/how-to-format-vuetify-data-table-date-column) — Michal Levý, Jan 29 '20 at 16:36
The solution is about replacing Vuetify's default cell rendering logic with your own. There is no way how to tell Vuetify data type (formating) of your value. You must format the value yourself. If you don't know how, use search (`JavaScript format number`) — Michal Levý, Jan 29 '20 at 17:56

How to format Vuetify data table Float column to decimal and pt-br?

0 Answers0