styling individual rows in a Vuetify data table

后端 未结 4 2289
没有蜡笔的小新
没有蜡笔的小新 2021-02-14 04:36

Can I apply different styling for a specific row in a data table?

This is my code:



        
4条回答
  •  我寻月下人不归
    2021-02-14 05:08

    here is a codepen that produces a similar result to what you're looking for. It uses the style binding syntax referenced by Daniel's comment above.

    https://codepen.io/lshapz/pen/jxmgyx

    If you want the whole row to have a red line (or in my example a red background), you'll need to wrap the three td in a tr. If you just want it on the id cell, then you can add

    
     {{ props.item.id }}
    
    

提交回复
热议问题