title: Vue Good Table how to access data in Selected Row Actions
body: <p>I'm trying to use the checkbox in vue-good-table to select rows, then a button in the selected row action slow to perform a function on the selected rows. How can I access the data?</p>
  <p><a href="https://xaksis.github.io/vue-good-table/guide/advanced/checkbox-table.html#selected-row-action-slot" rel="nofollow noreferrer">https://xaksis.github.io/vue-good-table/guide/advanced/checkbox-table.html#selected-row-action-slot</a></p>
  <p>This doesn't work:</p>
  <pre><code>&lt;vue-good-table
                  @on-selected-rows-change=&quot;selectAll&quot;
                  :columns=&quot;columns2&quot;
                  id=&quot;shift.id&quot;
                  :ref=&quot;shift.id&quot;
                  :rows=&quot;orderedPlacedUsers(shift)&quot;
                   :select-options=&quot;{
                    enabled: true,
                    selectOnCheckboxOnly: true,
                  }&quot;
                  &gt;
                  &lt;div slot=&quot;selected-row-actions&quot;&gt;
                    &lt;button class=&quot;btn btn__small btn__flat&quot; @click=&quot;lockAll(shift)&quot;&gt;Lock All &lt;i class=&quot;ml-2 fas fa-lock-alt&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
  &lt;/vue-good-table&gt;
  </code></pre>
  <p>Then</p>
  <pre><code>data() {
    return {
     columns2: [
      {
        label: '',
        field: 'extras',
        tdClass: 'text-center',
        sortable: false,
      },
      {
        label: 'Name',
        field: 'fullName',
      },
      {
        label: 'Signed Up',
        field: 'created',
        sortable: false,
      },
      {
        label: 'Job',
        field: 'requestedJob.title',
        tdClass: 'text-center',
      },
      {
        label: '',
        field: 'notes',
        sortable: false,
        tdClass: 'text-center',
      },
      {
        label: '',
        field: 'reservations',
        tdClass: 'text-center',
        tdClass: 'text-center',
        sortable: false,
      },
      
      {
        label: '',
        field: 'delete',
        tdClass: 'text-center',
        sortable: false,
      },
    ]
    }
  }
  
  
  
  methods: {
   lockAll(shift) {
     console.log(shift.id)
     console.log(this.$refs[shift.id].selectedRows)
   },
  orderedPlacedUsers (shift) {
    function compare(a, b) {
      if (a.firstName &lt; b.firstName)
        return -1;
      if (a.firstName &gt; b.firstName)
        return 1;
      return 0;
    }
    return this.filteredPlacedUsers.sort(compare).filter(user =&gt; {
      return user.shift == shift.id &amp;&amp; user.day == shift.day
    });
  },
  }
  </code></pre>
  <p>The shift is &quot;shift in eventShifts&quot;... here's what that looks like:
  {&quot;day&quot;:&quot;2021-08-27&quot;,&quot;endTime&quot;:null,&quot;payrollComplete&quot;:true,&quot;startTime&quot;:&quot;14:00&quot;,&quot;event&quot;:&quot;Los Bukis&quot;,&quot;id&quot;:&quot;dvaBm5wQXMXvVCGBSK8e&quot;,&quot;exportedCont&quot;:{&quot;seconds&quot;:1631208172,&quot;nanoseconds&quot;:886000000},&quot;collapse&quot;:false,&quot;position&quot;:{&quot;title&quot;:null},&quot;selectedStaff&quot;:null,&quot;eventId&quot;:&quot;CGHMVzcKPnNLsmRxoeVj&quot;,&quot;exportedEmp&quot;:{&quot;seconds&quot;:1631208185,&quot;nanoseconds&quot;:622000000},&quot;name&quot;:&quot;Line Cook&quot;,&quot;staff&quot;:&quot;50&quot;}</p>
  <p>Thank you!</p>