如何更改 react-native-paper DataTable 中 table 列的宽度

Question

列是默认排列的，如果我尝试给单元格和标题宽度，结果没有变化。那么如何明确地安排列宽呢？

  <DataTable style={{ height: height }}>
        <DataTable.Header>
            <DataTable.Title>Name</DataTable.Title>
            <DataTable.Title numeric>QTY</DataTable.Title>
            <DataTable.Title numeric>AMT</DataTable.Title>
            <DataTable.Title numeric>TAX</DataTable.Title>
            <DataTable.Title numeric>GROSS</DataTable.Title>
        </DataTable.Header>
        <ScrollView>
            {
                data && data.length > 0 ?
                    data.map((item, index) => {
                        return (
                            <DataTable.Row key={index}>
                                <DataTable.Cell>{item.NAME}</DataTable.Cell>
                                <DataTable.Cell numeric>{item.QTY}</DataTable.Cell>
                                <DataTable.Cell numeric>{item.AMT}</DataTable.Cell>
                                <DataTable.Cell numeric>{item.TAX}</DataTable.Cell>
                                <DataTable.Cell numeric>{item.GROSS}</DataTable.Cell>
                            </DataTable.Row>
                        );
                    })
                    :
                    false
            }
        </ScrollView>
    </DataTable>

Answer 1

您可以通过设置 flex 值来设置特定单元格的宽度。

例如：

 <DataTable.Cell style={{flex: 3}}>

如何更改 react-native-paper DataTable 中 table 列的宽度

How to change the width of table column in DataTable of react-native-paper

react-native

react-native-paper