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

    DataTable highlight row when hover

    Framework
    4
    4
    3102
    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.
    • R
      rbocharov last edited by

      Hi, is there a way to highlight a row in DataTable when hover similar to QList? Thanks.

      1 Reply Last reply Reply Quote 1
      • E
        ElmarNeudam last edited by

        I would also like to know this.

        1 Reply Last reply Reply Quote 0
        • a47ae
          a47ae last edited by

          You can achieve this in a bit hacky way by using this CSS

          // Disable existing highlight
          .q-data-table td {
              background: none !important;
          }
          
          .q-data-table tr:hover {
              background-color: #efefef;
          }
          

          This is not an optimal solution, but it should work

          1 Reply Last reply Reply Quote 0
          • S
            stuffy last edited by stuffy

            In latest quasar the below works

            <q-table ...
                table-class="tblData"
            
            .tblData tbody td{
                background: none !important;
            }
            .tblData tbody tr:hover {
                background-color: #f6fafe;
            }
            
            1 Reply Last reply Reply Quote 0
            • First post
              Last post