ng2-smart-table 自定 column 資料

import { DecimalPipe, PercentPipe } from '@angular/common';

settings = {
columns: {
name: {
title: '名稱',
type: 'string',
sort: false,
},
current: {
title: '當期',
type: 'custom',
sort: false,
class: 'text-right',
renderComponent: TrendInfoNumberComponent,
},
before: {
title: '前期',
type: 'html',
sort: false,
class: 'text-right',
valuePrepareFunction: (cell, row) => {
let value;
if (row.id === '1') {
value = this.percentPipe.transform(cell / 100, '1.2-2');
// return `<div class="text-right">${value.toLocaleString('en-US', { style: 'percent' })}</div>`;
} else {
value = this.decimalPipe.transform(cell, '1.0-0');
// return `<div class="text-right">${new Intl.NumberFormat('en-US').format(cell)}</div>`;
}

return `<div class="text-right">${value}</div>`;
},
},
}
}

留言

這個網誌中的熱門文章

C# Create An AutoComplete TextBox on WinForm

查出哪個程式佔用 port 443