ν μ΄λΈ μ λ ¬κΈ°λ μνλ²³μμ΄ μλ κΈΈμ΄λ³λ‘ ν μ€νΈ λ¬Έμμ΄μ μ λ ¬ν©λλ€. λλ μ΄κ²μ΄ μ€κ΅μ΄λ‘ μ΄λ»κ² λλμ§ λͺ¨λ₯΄μ§λ§ μ λ‘ μλ©λ¦¬μΉ΄ κ΅κ°μμλ ν μ€νΈ μ λ ¬μ΄ μνλ²³μμΌλ‘ μνλ©λλ€.
[{
title: 'age',
dataIndex: 'age',
sorter: (a, b) => a.age - b.age,
}]
κ³ μ ν μ λ ¬ μκ³ λ¦¬μ¦μ μ§μ ν μ μμ΅λλ€. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
alpgaviteλ³ μ λ ¬:
function compareByAlph (a, b) {
if (a > b) {
return -1;
}
if (a < b) {
return 1;
}
return 0;
}
...
sorter: (a, b) => compareByAlph(a.lastName, b.lastName),
JavaScript String#localeCompare ν¨μλ₯Ό μ¬μ©νλ κ²μ΄ μ’μ΅λλ€.
λΆλ₯κΈ°: (a, b) => { return a.title.localeCompare(b.title)},
μ΄ μ리ν μ루μ μ μν thx @Leong21
λλ μ¬μ ν λ μ§λ₯Ό μ¬μ©νμ¬ μ΄μ μ λ ¬νλ λ°©λ²μ μ μ μμ΅λλ€. λλ λ€μκ³Ό κ°μ μΌμνκ³ μλ€ :
sorter: (a, b) => {
let dateA = !a.publishedAt
? new Date().getTime()
: new Date(a.publishedAt).getTime();
let dateB = !b.publishedAt
? new Date().getTime()
: new Date(b.publishedAt).getTime();
return [dateA, dateB].sort();
}
κ·Έλ¬λ μ΄κ²μ μλνμ§ μμ΅λλ€. publishedAt
λ ""μ΄κ±°λ "2017λ
5μ 21μΌ" λλ "2017λ
5μ 21μΌ μ€ν 3:05"μ κ°μ λ μ§μΌ μ μμ΅λλ€.
@ghoshnirmalya κ°λ₯νλ©΄
λΆλ₯κΈ°: (a, b) => { return moment(a.publishedAt).unix() - moment(b.publishedAt).unix()}
publishedAt == ""μΈ μν©μ μ²λ¦¬νλ €λ©΄ λ€μμ μλνμμμ€.
λΆλ₯κΈ°: (a, b) => { return moment(a.publishedAt || 0).unix() - moment(b.publishedAt || 0).unix() }
@Leong21 κ°μ¬ν©λλ€! μμλλ‘ μλν©λλ€.
μνμ΄ @ leong21
μ€μ λ‘ localeCompare() λ©μλλ νμ¬ λ‘μΊμ λ λ¬Έμμ΄μ λΉκ΅ν©λλ€.
κ·Έλ¦¬κ³ λ μ’μ κ²μ΄λ€
λΆλ₯κΈ°: (a, b) => { return a.title.localeCompare(b.title)},
@Leong21 κ°μ¬ν©λλ€! μ΄κ²μ μ¬κΈ°μμ μ€λͺ νκ±°λ μΈκΈν΄μΌ ν©λλ€: https://vue.ant.design/components/table/
λ€μκ³Ό κ°μ μ루μ λ μμ΅λλ€. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator/Collator
κ°μ₯ μ μ©ν λκΈ
JavaScript String#localeCompare ν¨μλ₯Ό μ¬μ©νλ κ²μ΄ μ’μ΅λλ€.
λΆλ₯κΈ°: (a, b) => { return a.title.localeCompare(b.title)},