• KX Solutions

  KX Dashboards Wrap text inside a datagrid

  Posted by TickerPants on November 20, 2024 at 3:24 pm

  I have a datagrid in my dashboard that has large bodies of text with overflows the cell. Its visible using a tooltip but not an ideal solution. 

  Is it possible to wrap text within a datagrid either by some existing feature or some advanced CSS? Alternatively if not possible, can I build a custom HTML table with buttons to trigger a popup?

  ivankk replied 35 seconds ago 2 Members · 3 Replies

  • Dashboards
  • kxdashboards
• 3 Replies

• 

  ivankk

  Member

  November 21, 2024 at 9:54 am

  try this column template:

  <div style="display:inline-block;
              text-align:left;
              line-height:15px;
              white-space:normal">
      {{thisValue}}
  </div>

• 

  TickerPants

  Member

  November 22, 2024 at 2:45 pm

  Thanks Ivan, this is almost what I’m after but this only wraps the text inside the current cell. Is there a way to resize the row height to account for the text size and length?

  • 

    ivankk

    Member

    November 22, 2024 at 5:10 pm

    To optimize datagrid’s performance, the cell height is static.

    You can modify it via “Style > Row Height” property – this will make each row bigger (or smaller).

    To change the text rendering behavior for multiple cells, use “Style > Advanced CSS” (copy the style from the template above).

Log In to Reply