Edit Row Height - SharePoint List

Question

What JSON formatting can edit the height of SharePoint list's rows ? Thanks

Answer 1

According to the screenshot you provide, I guess there is a multi-line text column in the list. By default, the height of each row is decided by the height of each multi-line text column.

If you want to reduce the row height and make the same row height, you could apply following JSON codes for the multi-line text column.

Note: It will cause some lines in multi-line text column are not visible and only multi-line text with plain text can be applied JSON codes.

{
 "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"height": "50px",
"align-items": "normal"
 }
}

And for the color of conditional formatting, the line "height": "50px" controls the height, change the parament as the same as multi-line text column.

Result:

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Here is an example for you:

1.Click the column -> Column settings -> Format this column -> Advanced mode.

2.Use following codes.

{
 "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"height": "100px",
"align-items": "normal"
 }
}

3.Result:

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.