Phil-table NPM

phil-table

npm install phil-table

使用案例

main.js
import PhilTable from 'phil-table';
import 'phil-table/philTable.css'
Vue.use(PhilTable);

<template>
  <div>
    <PhilTable
    :tableData="tableData"
    :column="opts"
    v-if="tableData.length"
    @handleRowBXhclick="handleRowBXhclick"
    @handleRowDblclick="handleRowDblclick"
    @handleRowNameclick="handleRowNameclick"
    @rowClick="rowClick"
    @rightClick="rightClick"
    @handleDoubleClickFxh="handleDoubleClickFxh"
    @handleDoubleClickContent="handleDoubleClickContent"
    @handleDoubleClickNames="handleDoubleClickNames"
    @setLayoutWeb="setLayoutWeb"
    @rowChecked="rowChecked"
    :pointerEvents="pointerEvents"
    ref="districtTable" >
    </PhilTable>
  </div>
</template>

组件属性

参数	说明	类型
tableData	列表数据	Array
column	数据头部	Array
pointerEvents	控制列表是否能操作	Boolean
handleRowBXhclick	控制列表是否能操作	Function
handleRowDblclick	单元格双击点击	Function
handleRowNameclick	操作单位点击	Function
rowClick	行单击选中	Function
rightClick	右键点击当前行事件	Function
handleDoubleClickFxh	分序号双击	Function
handleDoubleClickContent	内容双击	Function
handleDoubleClickNames	操作单位双击	Function
rowChecked	全选/单选	Function
bgRandom	设置随机背景色	Boolean
rgbAndColor16	随机的颜色类型选择	String
transparent	随机的颜色透明度	Number
arrowShow	是否显示展开	Boolean