vue-fantable/packages/fan-table/src/body/body-tr-scrolling.jsx

Vue table component for huge data

import { clsName } from '../util/index'
import { COMPS_NAME } from '../util/constant'
export default {
  name: COMPS_NAME.FAN_TABLE_BODY_TR_SCROLLING,
  props: {
    colgroups: {
      type: Array,
      required: true,
    },
  },
  computed: {
    // tr class
    trClass() {
      let result = null

      result = {
        [clsName('body-tr')]: true,
        [clsName('body-row-scrolling')]: true,
      }

      return result
    },
  },

  render() {
    const { colgroups } = this

    const props = {
      class: this.trClass,
    }

    return (
      <tr {...props}>
        <td colSpan={colgroups.length}></td>
      </tr>
    )
  },
}