kpt-pasture/src/views/pure-table/high/prints/columns.tsx

import Print from "@/utils/print";
import { ref, type Ref } from "vue";
import { tableDataEdit } from "../data";
import { clone } from "@pureadmin/utils";

export function useColumns(printRef: Ref) {
  const dataList = ref(clone(tableDataEdit, true));

  const columns: TableColumnList = [
    {
      label: "ID",
      prop: "id"
    },
    {
      label: "日期",
      prop: "date"
    },
    {
      label: "姓名",
      prop: "name"
    },
    {
      label: "地址",
      prop: "address"
    }
  ];

  const print = () => {
    Print(printRef.value.getTableRef().$refs.tableWrapper).toPrint;
  };

  function headerCellStyle({ columnIndex }) {
    return columnIndex === 0
      ? { background: "#f3b2d0" }
      : { background: "#fafafa" };
  }
  function rowStyle({ rowIndex }) {
    return rowIndex % 2 === 1
      ? { background: "#ffa39e" }
      : { background: "#91d5ff" };
  }

  return {
    columns,
    dataList,
    print,
    headerCellStyle,
    rowStyle
  };
}