PersonColumn

Displays a cell as a Person. This has a few options to control the formatting, but generally follows a standard layout so different grids with person columns all look the same.

Example

<PersonColumn name="requestedBy"
              title="Requested By"
              field="requestedBy"
              detailField="phoneNumber"
              showAsLink />

Note

This requires that the field be added to the grid with the .AddPersonField() method so that all the required values are available.  

Properties

Example of standard PersonColumn

This column provides default values for the following standard properties:

  • formatComponent
  • skeletonComponent
  • quickFilterValue
  • exportValue
  • sortValue

Type: string, boolean Required: false

detailField

If detailField is not specified, then it displays the Person's connection status. If detailField is passed a property string value from props.row, then it will display that text value. If detailField is false, then it will display nothing in that area.

hideAvatar

Type: boolean
Default: false

If true then the avatar image will not be shown.

showLastNameFirst

Type: boolean
Default: false

Normally the column will display the nick name first, such as "Ted Decker". If this is set to true then it will show the last name first, such as "Decker, Ted".

Type: boolean
Default: false

If true then the person will be displayed as a hyperlink to the person detail page. No checking is performed if the current individual has access to that page. (v17 only)

enableHoveInfo

Type: boolean
Default: false

If true then when hovering over the avatar will show a popover with some additional information about the person: