ant-design- vue таблица отсутствует значок сортировки

Question

У меня есть приложение vue с таблицей ant-design- vue в качестве содержимого. но значок сортировщика не отображается, пока я правильно импортирую значок и работаю правильно, когда просто отображаю значок. когда я проверяю элемент, иконка на самом деле там, но не отображается, как на картинке выше.

я также пытался перезаписать css:

.ant-table-column-sorter-up .off .anticon .anticon-caret-up {
  font-size: 300px; //to see if there any change clearly
  color: pink
}

, но там ничего не изменилось в шаблоне.

вот где я настраиваю сортировщик в таблице проектирования муравьев:

{
    title: 'NAME',
    dataIndex: 'name',
    key: 'name',
    sorter: (a, b) => a.name.localeCompare(b.name),
    sortDirections: ['ascend', 'descend'],
    scopedSlots: {
      customRender: 'name',
    },
    width: 250,
  },

это показывает, что в <i> нет данных <svg>, как в другом значке ant-design. <i> пусто. это означает, что css не влияет. на него может повлиять таблица ant-design.

и функция работает отлично, просто значок не отображается. Можно ли как-нибудь сделать так, чтобы значок сортировщика мог отображаться?