Add displayAsText props to EuiDataGridColumn

[ashikmeerankutty]

Summary

Fixes #3421

Added a displayAsText prop that will be shown in column popover and sorting popover of EuiDataGrid.

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in mobile
  - [ ] Checked in IE11 and Firefox
• Props have proper autodocs
• Added documentation examples
  - [ ] Added or updated jest tests
• Checked for breaking changes and labeled appropriately
  - [ ] Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[ashikmeerankutty]

@chandlerprall Thanks for the suggestions. Changes committed 👍

[chandlerprall]

Changes LGTM; Pulled and tested locally, will merge on green CI

[chandlerprall]

jenkins test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3520/

[timroes]

@ashikmeerankutty This PR missed applying displayAsText in one place. While it correctly shows in the Columns sorting/hiding popover and the "pick a field" popover in the sorting popover, it's not using the value inside the sorting popover itself, when you sort by that field:

name and latestPrice are still the id of the column.

cc @chandlerprall

[ashikmeerankutty]

@timroes Sorry I missed that. I was aware of this issue while creating this PR but I missed to comment about it.
The issue is that EuiDataGridColumnSortingDraggable is using id passed to it as the value inside popover. In this case should I create another prop for EuiDataGridColumnSortingDraggable to set the value

eui/src/components/datagrid/column_sorting.tsx

Lines 176 to 178 in 1bc2b29

	<EuiDataGridColumnSortingDraggable
	key={id}
	id={id}

[timroes]

Yes that sounds right. And then we can just pass the display as string value to the too.

[ashikmeerankutty]

Yes that sounds right. And then we can just pass the display as string value to the too.

I will make a PR