office-ui-fabric

问题 Is it possible to split DetailsList column header caption into multiple lines? I want to make columns as narrow as possible as they only show icons, but column headers have 2 or 3 words. Thanks! 来源： https://stackoverflow.com/questions/52384693/detailslist-header-word-split

问题 I'm looking at customitemrows but there isn't much documentation. I have a table and if a row was created by a current user, I want to change the color from black to grey. I can do that with style . I understand how to conditionally change color in customitemcolumns but can't extrapolate it to rows. I got to: _onRenderRow = (props) => { return props.item['creatorUid'].match("QDN6k4pLXkea2qRM9mS7vM6whBE3")? <DetailsRow {...props} style={{color:"#FF0000"}}/> : <DetailsRow {...props}/> } but the

问题 I'm looking at customitemrows but there isn't much documentation. I have a table and if a row was created by a current user, I want to change the color from black to grey. I can do that with style . I understand how to conditionally change color in customitemcolumns but can't extrapolate it to rows. I got to: _onRenderRow = (props) => { return props.item['creatorUid'].match("QDN6k4pLXkea2qRM9mS7vM6whBE3")? <DetailsRow {...props} style={{color:"#FF0000"}}/> : <DetailsRow {...props}/> } but the

问题 I was wondering if I can just use the Office React Fabric UI framework in a company internal application that is not related to Microsoft services such as SharePoint or Office. I read the License but didn't quite clear my question. https://github.com/OfficeDev/office-ui-fabric-react/blob/master/LICENSE 回答1: Yes! You can definitely use Fabric for these kinds of apps. However, according to the assets license linked to from that license doc, the assets (fonts and icons) can only be used if the

来源： https://stackoverflow.com/questions/47628269/export-to-excel-in-office-ui-fabric

问题 i've got a component and want to use the Office-UI-Fabric-react component "Callout" when the mouse is hovering over a "Persona"-element. The "Callout" works if i reference the 'div' enclosing the "Persona"-element (using ref={this.setPersonaRef} ), but componentRef={this.setPersonaRef} in the "Persona"-element leads to Exception in CalloutContent.componentDidMount(): TypeError: element.getBoundingClientRect is not a function Here is the component: import * as React from 'react'; import * as

问题 i've got a component and want to use the Office-UI-Fabric-react component "Callout" when the mouse is hovering over a "Persona"-element. The "Callout" works if i reference the 'div' enclosing the "Persona"-element (using ref={this.setPersonaRef} ), but componentRef={this.setPersonaRef} in the "Persona"-element leads to Exception in CalloutContent.componentDidMount(): TypeError: element.getBoundingClientRect is not a function Here is the component: import * as React from 'react'; import * as

问题 i've got a component and want to use the Office-UI-Fabric-react component "Callout" when the mouse is hovering over a "Persona"-element. The "Callout" works if i reference the 'div' enclosing the "Persona"-element (using ref={this.setPersonaRef} ), but componentRef={this.setPersonaRef} in the "Persona"-element leads to Exception in CalloutContent.componentDidMount(): TypeError: element.getBoundingClientRect is not a function Here is the component: import * as React from 'react'; import * as

问题 In the documentation page of fabric, now each example component have a change theme funcionality ie: example enter image description here How can I achive this funcionality. I have 2 themes (created in) and I want to switch betwen thems 回答1: Here is my preferred way, using React Context. import React from 'react'; import { Fabric, Customizer } from '@fluentui/react'; import { useLocalStorage } from 'react-use'; // Setup Theme Context and create hooks import { DefaultCustomizations,

问题 I'm using Office UI Fabric React components and i'm trying to improve change the default selection behavior for a DetailsList. By default, there is a difference between clicking a row and clicking the tiny checkbox on the right. I want the same effects of the checkbox click to apply to the row click. When you click the checkbox it toggles the row and does not deselect other rows like when I use a row click. You can also use shift click and control click and all the other nice types of clicks