bootstrap-vue-3/src/types/TableField.d.ts

Early (but lovely) implementation of Vue 3, Bootstrap 5 and Typescript

import type {StyleValue, TdHTMLAttributes, ThHTMLAttributes} from 'vue'
import type {ColorVariant, LiteralUnion} from '@/types'

export interface TableFieldObject<T = Record<string, unknown>> {
  key: LiteralUnion<keyof T>
  label?: string
  headerTitle?: string
  headerAbbr?: string
  class?: string | string[]
  formatter?: string | ((value: string, key?: string, item?: T) => string)
  sortable?: boolean
  sortKey?: string
  sortDirection?: string
  sortByFormatted?: boolean
  filterByFormatted?: boolean
  tdClass?: string | string[]
  thClass?: string | string[]
  thStyle?: StyleValue
  variant?: ColorVariant
  tdAttr?: TdHTMLAttributes
  thAttr?: ThHTMLAttributes
  isRowHeader?: boolean
  stickyColumn?: boolean
}

type TableField<T = Record<string, unknown>> = string | TableFieldObject<T>

export default TableField