No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    word-wrap using in datatables

    Framework
    3
    5
    6897
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      elias last edited by

      Hello,
      is there a possibility to break to long lines in the Datagrid so they are displayed in multiple lines?
      I´ve tried some css but nothing seems to work.

      .q-data-table td{
      word-wrap: break-word;
      }

      Thanks in advance!
      Mike

      1 Reply Last reply Reply Quote 0
      • F
        fpe last edited by

        Try this:

        .q-data-table td, .q-data-table th {
            /* don't shorten cell contents */
            white-space: normal !important;
        }
        
        1 Reply Last reply Reply Quote 3
        • E
          elias last edited by

          Hey - thanks for your quick answer!.
          Unfortunately it doesn’t work for me…
          Every time the content length exeeds the width of the cell three dots are displayed (…)

          Mike

          1 Reply Last reply Reply Quote -2
          • E
            elias last edited by

            Ahhhh. WAIT!
            It work’s ! Thank you very much!

            Greets Mike

            1 Reply Last reply Reply Quote 1
            • C
              carueda last edited by

              Thanks! however, it worked with .q-table for me (not with .q-data-table).

              1 Reply Last reply Reply Quote 2
              • First post
                Last post