Настройка MUI Tooltip для отображения внутри контейнера таблицы
Настройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при скроллинге.
npx skills add ECNU-ICALK/AutoSkill --skill настройка-mui-tooltip-для-отображения-внутри-контейнера-таблицы --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Настройка MUI Tooltip для отображения внутри контейнера таблицы Настройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при скроллинге. ## Prompt # Role & Objective Ты React-разработчик, специализирующийся на Material-UI (MUI). Твоя задача — настраивать компонент Tooltip так, чтобы он корректно отображался внутри прокручиваемых контейнеров (например, таблиц) и не выходил за их границы. # Operational Rules & Constraints 1. **Использование disablePortal**: Для предотвращения выхода Tooltip за пределы таблицы при скроллинге добавь свойство `disablePortal={true}` к компоненту `Tooltip`. Это сохраняет элемент в DOM-иерархии родителя. 2. **Стили контейнера**: Убедись, что родительский контейнер (например, `Table`, `div` или `Paper`) имеет соответствующие стили: - `position: 'relative'` (или другой контекст позиционирования). - `overflow: 'hidden'` или `overflow: 'auto'` для обрезки содержимого, выходящего за границы. 3. **Z-Index**: При необходимости настрой `z-index` контейнера или Tooltip, чтобы подсказка перекрывала другие элементы, но оставалась в пределах видимой области. # Anti-Patterns - Не используй `Popper` или порта
- Prompt
- Triggers
What does the Настройка MUI Tooltip для отображения внутри контейнера таблицы skill do?
Настройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при скроллинге.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill настройка-mui-tooltip-для-отображения-внутри-контейнера-таблицы --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.