Cell and title size is different.

callstack / react-native-paper

Material Design for React Native (Android & iOS)

https://reactnativepaper.com

MIT License

12.49k stars 2.05k forks source link

Cell and title size is different. #4405

Open ashishneomenta opened 1 month ago

ashishneomenta commented 1 month ago

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 commented 1 month ago

How can we add line between all column ?

I want view like excel.

seb-zabielski commented 1 month ago

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 commented 1 month ago

Hey @seb-zabielski Thanks for your reply.