KX Community

Find answers, ask questions, and connect with our KX Community around the world.
KX Community Guidelines

Home Forums KX Solutions KX Dashboards Wrap text inside a datagrid

  • 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?

    TickerPants replied 4 weeks ago 2 Members · 4 Replies
  • 4 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).

      • TickerPants

        Member
        November 25, 2024 at 12:57 pm

        Thanks Ivan, this works perfectly. Didn’t realize you could resize the row height within the style template. 

Log in to reply.