Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cell and title size is different. #4405

Open
ashishneomenta opened this issue May 14, 2024 · 3 comments
Open

Cell and title size is different. #4405

ashishneomenta opened this issue May 14, 2024 · 3 comments
Labels

Comments

@ashishneomenta
Copy link

Current behaviour

  • Cell and title size different. Title and cell size should be same.

Expected behaviour

  • Column data size should same

How to reproduce?

Add long text in cell

Preview

Simulator Screenshot - iPhone SE (3rd generation) - 2024-05-14 at 12 55 16

Your Environment

software version
ios 15
android x
react-native latest
react-native-paper x.x.x
node x.x.x
npm or yarn x.x.x
expo sdk x.x.x
@ashishneomenta
Copy link
Author

How can we add line between all column ?

I want view like excel.

@seb-zabielski
Copy link

Hey @ashishneomenta
Could you try to reproduce the bug with cell size and title using https://snack.expo.dev/?
If you want to add a line between the columns, you could add a border right to the each cell, for example something like this:

<DataTable.Cell style={{ borderRightWidth: 1, borderRightColor: 'red' }}>
  {item.calories}
</DataTable.Cell>

@ashishneomenta
Copy link
Author

Hey @seb-zabielski
Thanks for your reply.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants