How to increase the height of a specific row in table

I just want a singe row to be of different height and rest others default. And how do i use new Line inside that row?

If I recall correctly, table rows cannot differ in height.

One solution is to use a ColumnGenerator. In this custom column generator, you can render that particluar column as a VerticalLayout component. Based on some condition (depending on which row you are rendering) you can specify a different height to this vertical column.

Let me know if it helps.

When using lazy loading, having table rows of different heights can be problematic and so is not really supported by the current Table implementation. It might work if the full contents of your table is visible at once (setPageLength(0)), though.

You can also use a Label in HTML mode in the cell instead of a layout.