title: How to format Vuetify data table Float column to decimal and pt-br?
body: <p>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 ?</p>
  
  <p><a href="https://i.stack.imgur.com/O5E7v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O5E7v.png" alt="enter image description here"></a></p>
  
  <p>I want: 176,000 - 300,000 - 2,017.363 - 5,043.407 - 637,168 ...</p>
  
  <pre><code>&lt;template&gt;
     &lt;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"
            &gt;
  &lt;/template&gt;
  
   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' },
  
            ]
  </code></pre>