измените значок сортировщика в компоненте таблицы проектирования ant

#javascript #reactjs #antd

Вопрос:

Я хотел изменить значок сортировщика вверх и вниз в компоненте таблицы дизайна ant ,но не смог найти никаких атрибутов или реквизитов в документах дизайна ant. Я нашел способ изменить значок фильтра с помощью filterIcon реквизитов в столбце таблицы.

 const columns = [
  {
    title: 'Chinese Score',
    dataIndex: 'chinese',
    sorter: {
      compare: (a, b) => a.chinese - b.chinese,
      multiple: 3,
    },
  },

 

Ответ №1:

Я понял, если кто-то ищет ответ :

 const columns=[{
      title: (
        <div style={{ display: "flex", alignItems: "center" }}>
          Publish Books <SortIcon style={{ marginLeft: "8px" }} />
        </div>
      ),
      dataIndex: "publishedBooks",
      sorter: {
        compare: (a, b) => a.publishedBooks - b.publishedBooks,
        multiple: 4,
      },
    },
]