我使用 Tabulator JS,並且有 2 列包含數字資料。首先,我使用了帶有formatterParams
參數的內建money
格式化程序,對於第二個,我想應用完全相同的、具有相同參數的,但還要添加,例如,單元格的顏色。如何以自訂格式套用formatterParams
?
new Tabulator("#data-table", { data: data, layout: "fitColumns", columns: [{ title: "Length", field: "length", formatter: zeroValueFormatter, formatterParams: { thousand: " ", precision: false } }, { title: "New length", field: "newLength", formatter: "money", formatterParams: { thousand: " ", precision: false } ], }); function zeroValueFormatter(cell, formatterParams /* ? */) { if (cell.getValue() === 0) { cell.getElement().style.backgroundColor = "#add8e6"; } return cell.getValue(); }
一種選擇是使用
rowFormatter
並將格式套用到您需要的特定欄位。在您的範例中,是length
列。這樣,您可以在兩列的列設定層級使用內建的money
格式化程序,但在行層級套用其他格式。這是一個例子: