I know that to sort a column we use
sorter: (a, b) => a.monthName - b.monthName
but in my case, my column name (i.e. monthName) is not hardcoded but is generated dynamically as I load the component. So for this my row object looks like:
November: xyz,
December: xyz,
January: xyz,
forecasted: xyz
I'm adding Nov, Dec, Jan i.e. the names of the months dynamically in the state via
const newColumn = {
title: monthName,
dataIndex: monthName,
key: monthName,
sorter: (a, b) => a.monthName - b.monthName,
render(text,record){}
}
I can't hardcode the month names as I need last 3 months' names. Is there a way I can pass column name to this sort function? How can I sort the columns in this case?
You could save the column's name into a variable (or in this case state) and address the variable when sorting.
Example:
var columnName = 'monthName';
(a, b) => a[columnName] - b[columnName];