![React table in UI](https://i.stack.imgur.com/HNdzC.png)
Я использую компонент таблицы данных реакции . Это работало нормально, но вдруг в первом столбце автоматически отображается количество строк, как показано в ссылке выше. Я не сделал никаких изменений в коде. В чем может быть причина?
useEffect
} from 'react';
import {
connect
} from 'react-redux';
import columns from './CustomsCellsToDataTables';
const WorkInProgress = (props) => {
return (
<UploadDataTable
noHeader
columns={columns}
data={props.batchUpload.data}
dense
noDataComponent={<EmptyGridResult />}
/>
);
};
WorkInProgress.defaultProps = {
batchUpload: []
};
export default connect(mapStateToProps, mapDispatchToProps)(WorkInProgress);
Я использую styled-компоненты. Я пытался скрыть автоматически сгенерированное количество строк, например:
.rdt_TableBody {
.kOmeBk, .esymFC {
display: none;
}
}
У меня это работало в течение нескольких дней, но класс был заменен на новый класс, и число строк снова отображается в пользовательском интерфейсе. Каждый раз, когда я добавляю класс и выставляю настройки: нет, но когда-нибудь новый класс заменяет старый. Какие-либо предложения? Что может быть причиной замены класса новым? Имеет ли стилизованный компонент какое-либо отношение к этому?