DataTable Header Text Wrap

[rjsajnani1]

Current behaviour

Unable to wrap the header title

Expected behaviour

I would like to add some style or atleast try to wrap the header title like the given image below

Your Environment

software	version
ios	ios 12
react-native	0.57.7
react-native-paper	2.11

Any help is much appreciated.

[satya164]

We can add a numberOfLines prop to DataTable.Title. Wanna send a PR?

[rjsajnani1]

We can add a numberOfLines prop to DataTable.Title. Wanna send a PR?

Yeah sure will work on one.
Is there a particular process i need to follow or something to create a PR?
Do let me know thanks.

[Trancever]

@rjsajnani1 This is our Contributing Guide

[Taym95]

If no one is working on this issue I would like to work on it

[Trancever]

@Taym95 Feel free to send PR :)

[LorenceHernandez]

Hi

the multi line has been supported but the height of the text is constant to 24, so when doing multi line only first line is shown.

[charlesoruko]

This issue still persists any suggestions to make resolve it ?
the numberOfLines prop is supported but has no effect on the output ,
A working example/Sample code would be appreciated

[mineturtle2137]

are there any updates on this issue? the numberOfLines property does not work and there's no option to change the font size of the header

[Zeyu-Li]

@rjsajnani1 how do u use this prop? there doesn't appear to be an changes visible

Edit: I got it to work in the end, but no such thing exists for DataTable.Cell

[mikehardy]

@Zeyu-Li I feel like I must be missing something. I cannot get a multiline to work with <DataTable.Header numberOfLines={2}>Text that should wrap</DataTable.Header>

Can someone post an actual little snippet that is confirmed working? I'd really appreciate it. Thanks!