Row custom style

[SubhaChandraDas]

Hi, Can you share me some idea about custom styling of a particular row after loading all data on data-table. I want to apply row style on a particular row which met some specific condition. It will be a great help! Thanks in advance.

[dgaus]

I resorted to doing something like this, though it's not reactive, it does work.

  computed: {
    isCompleted() {
      return this.row["completed"]
    }
  },

  methods: {
    updateRowColor(value) {
      if (value) {
        this.$el.closest('tr').classList.add('success')
      } else {
        this.$el.closest('tr').classList.remove('success')
      }
    }
  },

  mounted() {
    this.updateRowColor(this.row[this.field])
  },

  watch: {
    isCompleted(value) {
      this.updateRowColor(value)
    }
  },