#javascript #reactjs #ecmascript-6 #semantic-ui-react
#javascript #reactjs #ecmascript-6 #semantic-ui-react
Вопрос:
Прямо сейчас у меня есть длинная и широкая таблица. Она занимает все 16 мест в таблице и выглядит хорошо, но когда я переназначаю некоторые данные Table.cell
. Это может привести к уменьшению ширины таблицы. Вот так:
Может ли кто-нибудь помочь мне, как решить эту проблему?
<Table>
<Table.Body>
<Table.Row>
<Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
</Responsive>
<Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd</Responsive>
<Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
<Responsive
as={Table.Cell}
minWidth={Responsive.onlyMobile.minWidth}
>
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
</Responsive>
</Responsive>
</Table.Row>
</Table.Body>
</Table>
Ответ №1:
Вы пробовали добавлять style={{ overflow: auto }}
в <Table.body />