更新记录

1.0.0（2026-03-10） 下载此版本

初次发布

平台兼容性

uni-app(3.6.18)

介绍

参考element-ui表格

表格属性

使用示例

<template>
    <cdj-table
    :fieldList="fieldList"
    :dataList="dataList"
    :paginationInfo="paginationInfo"
    :paramsFun="paramsFun"
    :request="request"
    :spanMethod="spanMethod"
    @selection-change="selectionChange" />
</template>

<script setup>
    import { fieldList, dataList } from './table'

    const paginationInfo = ({ current, total, totalCount }) => {
      return `共${ total }页 / 共${ totalCount }条`
    }

    const paramsFun = ({ page, limit }) => {
      return {
        page,
        limit
      }
    }

    const request = (params) => {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          const { page, limit } = params

          resolve({
            code: 200,
            msg: '操作成功',
            data: {
              list: dataList.slice((page - 1) * limit, page * limit),
              totalPage: Math.ceil(dataList.length / limit),
              totalRow: dataList.length
            }
          })
        }, 2000);
      })
    }

    const selectionChange = (data) => {
      console.log(data, '选中行');
    }

    const spanMethod = ({ row, column, rowIndex, columnIndex }) => {
      // return {
      //   rowspan: 1,
      //   colspan: 1
      // }

      // if (rowIndex % 2 === 0) {
      //   if (columnIndex === 0) {
      //     return {
      //       rowspan: 1,
      //       colspan: 2
      //     };
      //   } else if (columnIndex === 1) {
      //     return {
      //       rowspan: 0,
      //       colspan: 0
      //     }
      //   }
      // }

      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
</script>