dv-scroll-board自适应调整大小

dv-scroll-board可以通过设置columnWidth属性来调整每一列的宽度，从而实现自适应调整大小的效果。具体方法如下：

1.首先需要获取到表格的容器元素，可以使用ref属性来获取。

2.然后在mounted钩子函数中，使用this.$nextTick()方法等待DOM渲染完成后，获取到表格的列数，计算出每一列的平均宽度。

3.接着，根据需要调整的列的索引和宽度，修改columnWidth属性的值。

下面是一个示例代码：

<template>
  <div ref="tableContainer">
    <dv-scroll-board :data="tableData" :column-width="columnWidth"></dv-scroll-board>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      columnWidth: [] // 列宽度
    }
  },
  mounted() {
    this.$nextTick(() => {
      const tableContainer = this.$refs.tableContainer
      const tableColumns = tableContainer.querySelectorAll('.table-header .table-cell')
      const columnCount = tableColumns.length
      const averageWidth = tableContainer.offsetWidth / columnCount
      const targetColumnIndex = 5 // 需要调整宽度的列的索引
      const targetColumnWidth = 200 // 目标宽度
      const newColumnWidth = Array.from({ length: columnCount }, () => averageWidth)
      newColumnWidth[targetColumnIndex] = targetColumnWidth
      this.columnWidth = newColumnWidth
    })
  }
}
</script>