Можно ли отключить проигрыватель пустой таблицы в Ant Design?

Это моя примерная таблица

В моей таблице есть сортировщики, поэтому мой заголовок кликабельный. Что я хочу сделать, так это то, что если таблица пуста, я хочу, чтобы мои заголовки были отключены или не доступны для кликов. Возможно ли это с помощью css? Есть ли другой подход, который я могу сделать, чтобы сделать это? Ниже приведен код, который я использовал для столбцов. Мои данные из источника данных.

const columns = [
    {
        title: 'LAST NAME',
        dataIndex: 'lastName',
        sorter: (a, b) => a.lastName.localeCompare(b.lastName),
        width: '15%'
    },
    {
        title: 'FIRST NAME',
        dataIndex: 'givenName',
        sorter: (a, b) => a.givenName.localeCompare(b.givenName),
        width: '15%'
    },
    {
        title: 'MIDDLE NAME',
        dataIndex: 'middleName',
        sorter: (a, b) => a.middleName.localeCompare(b.middleName),
        width: '15%'
    }, 
    {
        title: 'DATE OF BIRTH',
        dataIndex: 'dateOfBirth',
        sorter: (a, b) => a.dateOfBirth.localeCompare(b.dateOfBirth),
        width: '14%'
    },
    {
        title: 'GENDER',
        dataIndex: 'sex',
        sorter: (a, b) => a.sex.localeCompare(b.sex),
        width: '12%'
    },
    {
        title: 'ADDRESS',
        dataIndex: 'address',
        sorter: (a, b) => a.address.localeCompare(b.address),
    },
];