vue bootstrap b-tableで特定の行を非活性にしたい

Question

<template lang="pug">
b-table(
          responsive
          hover
          id="main-table"
          :fields="fields"
          :items="items"
          :per-page="perPage"
          :current-page="currentPage"
          :tbody-tr-class="rowClass"
          @row-clicked="testClick"
        )
</template>
<script lang="ts">
export default defineComponent({
  components: {},
  props: {
    fields: { type: Array },
    items: { type: Object }, // items = [{status: 1, name: 山田},{status: 2, name: 木村}]
  },

  setup(props, { emit }) {

     const testClick = (item: any) => {
      console.log("反応します")
    };

     const rowClass = () => {
      props.items?.forEach(test => {
        if (test.status === 1) {
          return 'text-success'
        } else {
          return
        }
      });
    }

    onBeforeMount(async () => {
        rowClass()
    });

    return {
      props,
      testClick,
      rowClass,
    };
  },
});
</script>
// 関係ない細かいところは省略

公式ドキュメント

vueBootstrapを使い、テーブルで特定の条件の行をグレーアウトさせたいのですが、やり方がわかりませんでした。
やったこととしましては、上記のように:tbody-tr-classをつかい、特定の行を色を変更することはできたのですが非活性にするやり方がわかりません。
b-tableの特定の行をグレーアウトする方法、もしくは@row-clickedがその行だけ適用されなくする方法についてご教授いただきたいです。

Answer 1

const testClick = (item: any) => {
      console.log("反応します")
        if (test.status === 1) {
          return false
        }
    };

条件の時無効にすると解決しました。