<template>
  <el-data-table
    :data="data"
    :header="header"
    :searchable="false"
    :inside-collapsible-row="true"
    :loading="loading"
    :actions="actions"
    :bordered="bordered">
    <slot></slot>
  </el-data-table>
</template>

<script>
export default {
  name: 'ElDataTableCollapsibleRow',
  props: {
    data: { type: Array, required: true },
    header: { type: Boolean, default: true },
    bordered: { type: Boolean, default: false },
    loading: { type: Boolean, required: false, default: false },
    actions: { type: Array, required: false }
  }
};
</script>
