Javascript 使用react调整表的大小

我有一个问题，当我增加屏幕时，桌子无法调整大小，我如何转动一个反应灵敏的桌子。 这是我的密码

class Users extends Component {
   render() {
  const styles = {
  tableStyles: {
    width: '100%',
    height: '100%'
  }
};
return (
  <Wrapper>
    <Table
      style={styles.tableStyles}
      columns={columns}
      data={users}
      border
      highlightCurrentRow
      onCurrentChange={item => { console.log(item) }}
      emptyText={`A carregar utilizadores`}
    />
    }
  </Wrapper >
)

类用户扩展组件{
render（）{
常量样式={
表样式：{
宽度：“100%”，
身高：“100%”
}
};
返回(
{console.log（item）}
emptyText={'A carregar utilizadores`}
/>
}
)

}

---

}

render（）{const tableStyles={width:'100%}……}对不起，我相信大家都能理解我写得很好，现在就是一切。这一切都取决于其他元素/组件样式-检查呈现的html-这与反应无关