React Semantic UI: ячейка Table.Header не занимает полную ширину
Я пытаюсь добавить полную ширину в пользовательском интерфейсе Semantic React, но она не занимает всю ширину.
Код:
<Table.Row>
<Table.HeaderCell style = {{Width: '600px'}}>
<Search/>
</Table.HeaderCell>
</Table.Row>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
948
2
Ответы 2
Похоже, вы не изменяете первую ячейку заголовка для этого столбца (на самом деле это название компании, а не поиск).
Вот пример того, как правильно изменить ширину столбцов в таблице. https://codesandbox.io/s/5v800vplmk?module=/example.js
Если вы намерены не делать панель поиска частью структуры столбца таблицы, то вы, вероятно, не хотите помещать ее в строку/ячейку.
Use props name 'colSpan' to defined number of who column
<Table.HeaderCell colSpan = {8}>
<Search/>
</Table.HeaderCell>
Другие вопросы по теме
Неопределенное значение состояния mapStateToProps из компонента реакции
Как использовать React с Typescript и SASS
Рендеринг объекта в таблицу с использованием синтаксиса React.js
Перенаправление в избыточном действии с использованием react-router-dom v4
Как я могу сделать таблицу отзывчивой в Semantic-UI-React?
Элемент React неправильно сообщает ширину окна
Jest отказывается анализировать JSX, несмотря на то, что tsconfig включает параметр `jsx`
Где должна происходить логика ответа, в саге или редюсере?
Как обновить состояние реакции из множества реакций-выбора?
Как связать значение флажка с вводом текста в динамической форме с помощью react-js?
Похожие вопросы
Javascript нажмите клавишу клавиатуры через 20 секунд
Возрастающая последовательность целых чисел
Избегайте хромированных «страниц, не отвечающих» при длительном выполнении javascript
Удалить документы, которые имеют то же самое из определенного поля
Как закодировать кнопку, которая работает только при многократном нажатии
Регулярное выражение: динамически заменить искомое слово
Внедрение CSS для удаления модальных окон и всплывающих окон из API скриншотов (url2png.com)
Вход в addEventListener
Получение привилегий SUDO для «child_process.exec»
Простой HTML-редактор и получение HTML-контента с помощью div или textarea