Configuring Wrap Text & Auto Height for Column

Overview

Tables is not configured to render text area(Long Text Area & Rich Text Area) with auto height and wrap text mode by default because it is expensive operation and impact the performance. We can enable it on any column in any view explicitly.

Steps

1. Go to App: Avnio Tables

2. Go to “Views” tab

3. Go to the specific Tables View Record

4. Scroll Down to “Configuration JSON” field

5. Edit the JSON

   1. Enable on Field Level

      1. Go to the field by Searching Using API Name / Label

      2. Set “wrapText” & “autoHight” to true. Please make sure true or false value should not be within double quote. It should be set as below

         JSON

         "wrapText":true
         "autoHeight" : true

   2. Enable on all fields within view 1.39 (JULY 2021)

      1. set below properties as true depends on the field type
         

         CODE

         "autoHeightText" : true, //for Text fields
         "autoHeightForTextArea" : true //for Text Area fields

         

6. Save View.

7. Refresh Table View. Changes will get applied and text will be wrapped.

Screenshots

Before JSON Configuration Changes:

After JSON Configuration Changes: