1

我正在使用react-native-markdown-display来显示下表：

## Männer:
| Alter                 | 18 - 25 | 26 - 35 | 36 - 45 | 46 - 55 | 56 - 65 |   65+   |
| --------------------- | ------- | ------- | ------- | ------- | ------- | ------- | 
| Athlet                | 49 - 55 | 49 - 54 | 50 - 56 | 50 - 57 | 51 - 56 | 50 - 55 |
| Exzellent             | 56 - 61 | 55 - 61 | 57 - 62 | 58 - 63 | 57 - 61 | 56 - 61 |
| Gut                   | 62 - 65 | 62 - 65 | 63 - 66 | 64 - 67 | 62 - 67 | 62 - 65 |
| überdurchschnittlich  | 66 - 69 | 66 - 70 | 67 - 70 | 68 - 71 | 68 - 71 | 66 - 69 |
| Durchschnitt          | 70 - 73 | 71 - 74 | 71 - 75 | 72 - 76 | 72 - 75 | 70 - 73 |
| Unterdurchschnittlich | 74 - 81 | 75 - 81 | 76 - 82 | 77 - 83 | 76 - 81 | 74 - 79 |
| Schlecht              |   82+   |   82+   |   83+   |   84+   |   82+   |   80+   |

在这个滚动视图中：

<ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
    <ScrollView horizontal={true}>
      <Markdown style={styles}>{content}</Markdown>
    </ScrollView>
</ScrollView>

我想要实现的是一个在水平和垂直滚动中没有换行符的表格。我得到的是一张表格，其中每个单元格都有自己的宽度。如何在没有样式的情况下实现列内的每个单元格都具有相同的宽度？

编辑：
我刚刚发现，我与内部 ScrollView 的宽度有关。执行以下操作后：

<ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
      <ScrollView horizontal={true} contentInsetAdjustmentBehavior="automatic">
      <View style={{width: 1200}}>
        <Markdown style={styles}>{content}</Markdown>
      </View>
    </ScrollView>
</ScrollView>

我工作得很好。但是现在所有表格都有相同的宽度，我想显示不同的表格，每个表格都有不同的宽度

4

0 回答 0