堆栈内存溢出
  简体   繁体   English

FluentUI DetailsList header 下拉

[英]FluentUI DetailsList header drop down

 原文  2020-05-28 04:48:28  8   1    office-ui-fabric/ office-fabric/ fluent-ui

问题描述

How to make FluentUI's DetailsList header show a drop down on click as in OneDrive?如何使 FluentUI 的 DetailsList header 在单击时显示下拉菜单，就像在 OneDrive 中一样？

https://imgur.com/EvNtsvb https://imgur.com/EvNtsvb

1 个解决方案

解决方案1
 0  

I found the answer on https://github.com/microsoft/fluentui/blob/master/packages/office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Advanced.Example.tsx我在https://github.com/microsoft/fluentui/blob/master/packages/office-ui-fabric-react/src/components/DetailsList/examples/DetailsList.Advanced.Example.tsx上找到了答案

Just show a ContextualMenu.只需显示一个 ContextualMenu。 Set its target to DetailsList's header row.将其目标设置为 DetailsList 的 header 行。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 有没有办法为 FluentUI 下拉控件自定义悬停 styles？ - Is there a way to customize on-hover styles for FluentUI drop-down control? 如何在 FluentUI DetailsList onRender function 中使用 React refs - How to use React refs inside FluentUI DetailsList onRender function 如何制作详细信息列表 header 显示工具提示 - How to make a DetailsList header shows tooltip 如何实现 Fluent UI DetailsList 拖放行视觉指示器 - How to implement Fluent UI DetailsList Drag & Drop row visual indicator 有没有办法在 Fluent UI 中制作 DetailsList 标题文本换行？ - Is there a way to make a DetailsList header text wrap in Fluent UI? 如何在 Fabric DetailsList 中呈现带有文本和工具提示图标的列标题 - How to render a column header with both text and a tooltip icon in Fabric DetailsList 防止标题单击分组的Office UI Fabric DetailsList - Prevent header click on grouped Office UI Fabric DetailsList 过滤详情列表 - Filter DetailsList 带有自定义滚动条的 DetailsList 组件 - DetailsList Component with custom scrollbar 更改 DetailsList 的行高 - Changing the row height of DetailsList
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM