search

proton-ui / proton

A collection of renderless UI components for Vue.js.
https://proton-ui.com
MIT License
110 stars 11 forks source link

Datatable: Support for array with values #21

Open kalicki opened 5 years ago

kalicki commented 5 years ago

Code:

<slot
  :name="column"
  :record="record"
  v-if="record[column] && !Array.isArray(record[column])"
>
    {{ record[column] }}
</slot>

<span
  v-else
  v-for="element in record[column]"
  :key="element"
  class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2"
>
    {{ element }}
</span>

Example: Screen Shot 2019-07-04 at 17 18 18