feat: TextStyle Props Add in Table and Cell (#3112)

src/components/DataTable/DataTableCell.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleSheet, StyleProp, ViewStyle } from 'react-native';
+import { StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import Text from '../Typography/Text';
 import TouchableRipple from '../TouchableRipple/TouchableRipple';
 import type { $RemoveChildren } from '../../types';
@@ -18,6 +18,10 @@ type Props = $RemoveChildren<typeof TouchableRipple> & {
    */
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
+  /**
+   * Text content style of the `DataTableCell`.
+   */
+  textStyle?: StyleProp<TextStyle>;
 };
 
 /**
@@ -51,12 +55,12 @@ type Props = $RemoveChildren<typeof TouchableRipple> & {
  * MD Guidelines (https://github.com/callstack/react-native-paper/issues/2381).
  */
 
-const DataTableCell = ({ children, style, numeric, ...rest }: Props) => (
+const DataTableCell = ({ children, textStyle, style, numeric, ...rest }: Props) => (
   <TouchableRipple
     {...rest}
     style={[styles.container, numeric && styles.right, style]}
   >
-    <Text numberOfLines={1}>{children}</Text>
+    <Text style={textStyle} numberOfLines={1}>{children}</Text>
   </TouchableRipple>
 );
 

src/components/DataTable/DataTableTitle.tsx

@@ -7,6 +7,7 @@ import {
   View,
   ViewStyle,
   I18nManager,
+  TextStyle,
 } from 'react-native';
 import color from 'color';
 import MaterialCommunityIcon from '../MaterialCommunityIcon';
@@ -35,6 +36,10 @@ type Props = React.ComponentPropsWithRef<typeof TouchableWithoutFeedback> & {
    */
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
+  /**
+   * Text content style of the `DataTableTitle`.
+   */
+  textStyle?: StyleProp<TextStyle>;
   /**
    * @optional
    */
@@ -80,6 +85,7 @@ const DataTableTitle = ({
   onPress,
   sortDirection,
   theme,
+  textStyle,
   style,
   numberOfLines = 1,
   ...rest
@@ -123,6 +129,7 @@ const DataTableTitle = ({
           style={[
             styles.cell,
             sortDirection ? styles.sorted : { color: textColor },
+            textStyle,
           ]}
           numberOfLines={numberOfLines}
         >