accordion 相关问题

手风琴是一种菜单，允许在鼠标操作时在标题下方显示其他内容。一次只能打开一个标题的内容。选择下一个标题后，前一个标题的内容将关闭。

react-bootstrap Accordion Body 中的垂直滚动条不可点击

我正在使用react-bootstrap 手风琴。我的其中一个项目包含一个有时相当长的列表。我将overflowY: auto 添加到样式中，以便在这些情况下添加滚动条。卷轴...

css reactjs typescript accordion react-bootstrap

回答 1 投票 0

如何在滚动页面时关闭以前的手风琴并到达新的手风琴？

我使用的是手风琴材质-mui。首先，所有手风琴都打开。当我滚动页面并到达第二个手风琴时，我想关闭第一个手风琴，当我到达第三个时

reactjs typescript material-ui accordion

回答 1 投票 0

嵌套手风琴似乎不遵守 `multiple=FALSE` 参数

当使用 bslib::accordion() 和 bslib::accordion_panel() 时，如下所示，我有一个带有 s （假设 s=3）面板的手风琴。我希望每个 Accordion_panels 都包含一个手风琴，它本身包含...

r shiny accordion bslib

回答 1 投票 0

警告：validateDOMNesting(...)：<div>在 tbody 内使用 Accordion 时无法显示为 <tr>警告的子项

我正在使用react-bootstrap中的Accordian，我希望可以扩展表行以查看另一个表，它工作正常，但在浏览器控制台上给我警告。我正在使用react-bootstrap中的Accordian，我希望表行可以扩展以查看另一个表，它工作正常，但在浏览器控制台上给我警告。 <div className="row me-2 ms-2"> <table className="table accordian-table table header-fixed border mt-2"> <thead> <tr> <th width="30%" className="text-center">Col 1</th> <th width="30%" className="text-center">Col 2</th> <th width="30%" className="text-center">Col 3</th> <th width="25px" className="float end"></th> </tr> </thead> <tbody className="scroll"> <Accordion activeKey={activeAccordionKey} onSelect={(selectedKey) => setActiveAccordionKey(selectedKey)} flush> { (items?.length) ? [...items].map((item, index) => { return ( <tr key={index} onClick={() => getFlows(item)}> <Accordion.Item eventKey={index}> <Accordion.Header className="main-table-content"> <td width="30%" title={item.prop1} className="text-center pt-2"> {item.prop1} </td> <td width="30%" title={item.prop2} className="text-center pt-2"> {item.onboardingInfo.prop2} </td> <td width="30%" title={item.prop3} className="text-center pt-2"> {item.onboardingInfo.prop3} </td> <td width="25px">{" "}</td> </Accordion.Header> <Accordion.Body> <table className="table" onClick={(e) => e.stopPropagation()}> <thead> <tr> <th>Flow Name</th> <th>Flow Type</th> <th>Dnid</th> <th>Ext</th> <th>Created By</th> <th>Created On</th> </tr> </thead> <tbody> { (selectedItem?.length) ? [...selectedItem.values()].map((slItem) => { return ( <tr key={slItem.flowName}> <td>{slItem.flowName}</td> <td>{slItem.flowTypeId}</td> <td>{slItem.dnid}</td> <td>{slItem.createdBy}</td> <td>{slItem.createdOn}</td> </tr> ) }) : <tr><td>No Configs Available</td></tr> } </tbody> </table> </Accordion.Body> </Accordion.Item > </tr> ) }) : <tr><td>No ItemsFound</td></tr> } </Accordion> </tbody> </table> </div> 它在浏览器控制台中向我发出以下警告：警告：validateDOMNesting(...)：不能作为 . 的子项出现有人可以帮我删除这个，或任何其他替代方法吗？ HTML 表格的正确结构是： <table> <tbody> // optional <tr> // row <td>anything can be here</td> <td>another cell</td> </tr> ... </tbody> </table> 因此tr（行）只能包含td（数据）元素。

javascript reactjs accordion react-bootstrap mern

回答 1 投票 0

无法让手风琴工作

我无法让手风琴组件工作。我的 app.module.ts 中有这个： //ng2-引导程序从“ng2-bootstrap”导入{ AccordionModule }； @NgModule({ 声明：[...]，

angular accordion ng2-bootstrap

回答 2 投票 0

Javascript Accordion 分配类单击事件

当前，当单击“accordion_container”时，类“open”被分配给“accordion_container”。到目前为止一切都很好。我想改变的只是点击...时发生这种情况

accordion

回答 1 投票 0

如何使用 Bootstrap 在 Django 中打开特定的 Accordion 项？

我有一个 Django 应用程序，其页面包含 Bootstrap Accordion。我在第三个手风琴项目中有一个表格。在该表单中提交时，我希望页面刷新到相同的手风琴项目 - 我...