
<template>
  <el-table
    :data="list"
    style="width: 100%"
    header-row-style="color:#333;fontSize:16px"
    :highlight-current-row="false"
  >
    <el-table-column
      :key="header.prop"
      v-for="header in headers"
      :prop="header.prop"
      :label="header.label"
      :align="header.align || 'center'"
      :width="header.width || 200"
    >
      <template slot-scope="scope"><div v-html="scope.row[header.prop]"></div></template>
    </el-table-column>
  </el-table>
</template>
<script>
export default {
  name: "XdInTable",
  props: {
    headers: {
      type:Array,
      default(){
        return []
      }
    },
    list: {
      type:Array,
      default(){
        return []
      }
    },
  }
}
</script>


<style scoped lang="scss">

</style>
