Форматирование текста в столбце PrimeUI

Question

Я использую primeUI для генерации данных. Я хочу отформатировать текст столбца. ниже мой код для загрузки данных с PrimeUI.

$('#tbl').puidatatable({
        caption: 'Local Datasource',
        columns: [
            {field: 'legendText', headerText: 'Text'},
            {field: 'legendPercentage', headerText: '%age'},
            {field: 'legendValue', headerText: 'value'}
        ],
        datasource: responseData
    });

Я хочу отформатировать текст столбца. Кто-нибудь может мне помочь в этом? Я хочу, чтобы значение было отформатировано в валюте. и%age столбец в двух десятичном формате, как это.

текст | % возраст | значение |

abc | 30,00 |123,3|

Answer 1

Согласно документу

http://www.primefaces.org/primeui/

content: функция, которая принимает данные строки и ожидает строку или объект jQuery для настройки ячейки.

это кажется легким,

columns: [
{ field: 'vin', 
  content: function(rowData) { 
            console.log(rowData);
//format column data here, then return the formatted value
            return rowData.vin;
            },
  headerText: 'Vin'
},

{field: 'brand', headerText: 'Brand'},
{field: 'year', headerText: 'Year'},
{field: 'color', headerText: 'Color'}
]