selectOptions 체크한 row의 값을 표현하는 방법

selectOptions로 테이블 row 내역을 선택했을때 template 기능을 활용하여 해당 내역을 테이블 상단에 표기할 수 있습니다.

    selectOptions:
      enabled: true
      # template: |
      #   `선택됨: ${ tableSelectedRows.map(e => e.id).join(',') }`
      template: |
        `선택됨: ${ tableSelectedRows.map(e => `<span class="rounded bg-slate-100 p-1">${e.name}</span>`).join(' ') }`

template 미사용시

image

template 예시1

      template: |
        `선택됨: ${ tableSelectedRows.map(e => e.id).join(',') }`

image

template 예시2

      template: |
        `선택됨: ${ tableSelectedRows.map(e => `<span class="rounded bg-slate-100 p-1">${e.name}</span>`).join(' ') }`