QDataTable sticky column style enhancement



  • the current table style when there’s a sticky column can be confusing, you don’t know where a column end and another starts, I made some changes and get something like I needed, if anyone ever complained about it :)

    .q-data-table-sticky-right, .q-data-table-sticky-left
      tr:nth-child(odd)
        td:not(.invisible)
          background: #e6e6e6;
    
      tr:nth-child(even)
        td:not(.invisible)
          background: #f6f6f6;
    
      th:not(.invisible)
        background: #f9f9f9;
    

    Before:
    0_1505952316566_before.png

    After:
    0_1505952338975_after.png


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.