<script setup>
const props = defineProps({
  columnData: [],
  tableData: [],
})
// const columnData = ref([
//   {
//     name: '班级名称',
//     key: 'a',
//   },
//   {
//     name: '考试计划',
//     key: 'b',
//   },
//   {
//     name: '时间',
//     key: 'c',
//     width: "150"
//   },
//   {
//     name: '排名',
//     key: 'd',
//   }
// ])
// let a = {
//   a: "项目名称一",
//   b: "23号设备",
//   c: "2022-11-21 11:12",
//   d: "报警一次"
// }
// const tableData = ref([
//   a, a, a, a,
//   a, a, a, a, a
// ]);
</script>

<template>
  <div class="ssbjlbDiv p-5">
    <el-table :data="tableData" size="large" height="100%" style="width: 100%" :show-header="false">
      <el-table-column v-for="(item, index) in columnData" :key="index" :prop="item.key" :label="item.name" :width="item.width" show-overflow-tooltip />
    </el-table>
  </div>
</template>

<style lang="scss" scoped>
@use "~/styles/dsj-table.scss";
.ssbjlbDiv {
  :deep(.el-table) {
    .el-table__body {
      tr {
        height: 3.75rem;
        color: #0cd3dc;
        font-size: 0.875rem;
        font-weight: 700;
        &:nth-child(even) {
          background: transparent !important;
        }
        .el-table__cell {
          border-bottom: 1px dashed #00fffa !important;
        }
        .cell {
          padding: 0;
        }
      }
    }
  }
}
</style>
