Ignition Perspective Table - Long Text Getting Cut Off Despite Auto Row Height

Hi,

I am currently working with Ignition 8.1.41 using the Perspective module and have a database table bound to a Perspective Table component.

The table displays data correctly overall; however, I am encountering an issue with columns that contain longer text values. Instead of displaying the complete content, the text appears to be truncated on the left and right sides, making it difficult to read the full message.

Here are the configuration, I performed:

  • Set the column width to accommodate more text.
  • Enabled rows.height = "auto" so that row height can expand dynamically based on content.
  • Adjusted column styling properties (shown in the screenshots below).

These changes have helped slightly, but the issue is still not fully resolved. Some cells continue to cut off portions of the text rather than displaying the entire value.

Am I missing a specific table configuration or style property that enables proper wrapping and full display of long text within table cells?

Any suggestions, best practices, or examples from similar implementations would be greatly appreciated.

Thank you for your time and assistance.

I'm assuming it's got something to do with 'overflowX : hidden'.

It should "just work" without all the style settings you have applied to the column.

Try dropping a new table into the view. Edit the one of the data prop rows so that the text in one of the columns would require a wrap to display it. If that does what you want then try deleting all the styles in column 2.

Many thanks for the reply.
Thank you for the suggestion. If i understood clearly what you mentioned, I tested with a new table component. I tried adding and removing word-wrap style configurations in the data props section, but there was no change in how the data was displayed. Specifically, there was no improvement in text wrapping when a row was selected.

I then added only the word-wrap configuration in the columns props, but the text is still being truncated on both the left and right sides.

My understanding is that text wrapping should work without additional styling, which is why I'm unsure why it is not behaving as expected in this case. The screenshot below shows the current configuration and result.

Thank you for your time and assistance. If there is anyway around what else I can check, please let me know.

Many thanks for the reply. I tried with removing "overflowX" para, but no getting help on data truncating.

See if you can post a sample for us to try and reproduce the problem.

  • Create a view and add the Table component.
  • Paste one of your long texts into one of the rows so that the problem shows up. Don't modify the table otherwise.
  • In Project Browser, right click on the table, copy and paste it here applying the preformatted text style to the JSON using the </> button on the forum editor toolbar.

Try this:

the solution worked very well. Thank you so much for your help.