:header-cell-class-name="headerCellClassName" :row-class-name="rowClassName" :cell-class-name="cellClassName" :data="tableData"> <vxe-column type="seq" width="60"></vxe-column> <vxe-column field="name" title="Name"></vxe-column> ...
<vxe-table-column type="radio" width="60"></vxe-table-column> <vxe-table-column field="name" title="Name"></vxe-table-column> <vxe-table-column field="sex" title="Sex"></vxe-table-column> <vxe-table-column field="address" title="Address" show-overflow></vxe-table-column> </vxe...
--><vxe-table:class="{ isNoBorder: !border }":border="border":data="tableData":max-height="height":show-header="showHeader":loading="loading"cell-class-name="cellStyle"@checkbox-all="selectAllChangeEvent"@checkbox-change="onSelectChange"header-row-class-name="headerStyle":span-method="m...
<vxe-tableborder:data="tableData":edit-config="{trigger: 'click', mode: 'cell'}"> <!--对单元格vxe-table-column进行改造,使用edit-render来配置编辑属性---> <vxe-table-columntitle="描述"width="180"fixed="left"field="desc" :edit-render="{name: 'input', attrs: {type: 'text'}}"> ...
class: 'vxe-table-custom-popup--column-name' 2 changes: 1 addition & 1 deletion 2 packages/modal/src/modal.js Original file line numberDiff line numberDiff line change @@ -248,7 +248,7 @@ export default { return h('span', { class: `${type}-resize`, attrs: { type: type type...
filename 文件名 String — table.csv original 是否导出源数据(滚动渲染启用后默认是 true) Boolean — false isHeader 是否显示表头 Boolean — true download 是否马上下载,如果设置为 false 则通过返回结果为内容的 Promise Boolean — true data 自定义数据 Array — — columns 自定义列 Array — — column...
:edit-render="{name: 'select', options: selection, optionProps: {value: 'status', label: 'label'}}"> </vxe-table-column> </vxe-table> </template> <script> export default { data () { return { allAlign: null, tableData: [ ...
vxe-table是对element-ui进行了二次封装,基本样式也做了调整,并且把导出、打印等功能也集成进去了,就是纯前端的打印、导出,我之前也有写过前端实现打印、导出的博文,大家感兴趣也可看一下:Vue打印功能 ,纯前端导出Excel并修改样式。
特别提醒:vxe-table版本2.x 业务代码如下缩略版: <template><divclass="div_main_content"><divclass="table-box"><vxe-tableresizableshow-footershow-overflowheight="100%"ref="mainTable":data="tableData":auto-resize="true"show-footer-overflowshow-header-overflowhighlight-hover-rowhighlight-current-ro...
<vxe-gridclass="reverse-table"ref="htcForm01"v-bind="htc01Options"></vxe-grid> 数据类型里定义好htc01Options htc01Options: { border: true, showOverflow: false, height:900, showHeader: true, columns: [], data: [] } 构造函数reverseTable(columns,list) ...