xTable.$el.querySelector('.body--wrapper>.vxe-table--header .vxe-header--row'), { handle: '.vxe-header--column', onEnd: ({newIndex, oldIndex}) => { console.log(newIndex, oldIndex); let tableColumn = xTable.getColumns(); let currRow = tableColumn.splice(oldIndex, 1)[0]; tabl...
<vxe-table border class="mytable-style" :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="seq" width="60"></vxe-table-column> </vxe-table> 1. 2. 3. 自定义起始序号 :seq-config="{startIndex: 100}" <vxe-table :seq-config="{startIndex: 100}" :data="tableData"> <vxe-table-column type="seq" title="序号" width="60"></vxe-table-column> </...
53 headerAlign?: TableAlign; 54 /** 55 * 所有的表尾列的对齐方式 56 */ 57 footerAlign?: TableAlign; 58 /** 59 * 是否显示表头 60 */ 61 showHeader?: boolean; 62 /** 63 * 是否要高亮当前选中行 64 */ 65 highlightCurrentRow?: boolean; 66 /** 67 * 鼠标移...
--vxe-table-border-color:#{$border-color}; --vxe-table-header-background-color:#{lighten($theme-bg-color,8%)}; --vxe-table-body-background-color:#{lighten($theme-bg-color,4%)}; @@ -26,6 +27,10 @@ --vxe-table-row-hover-current-background-color:#{lighten($theme-bg-color,8...
"header-row-style", "footer-row-style", "show-footer", "footer-data", "footer-method", "merge-cells", "merge-footer-items",2 changes: 1 addition & 1 deletion 2 package.json Original file line numberDiff line numberDiff line change @@ -1,6 +1,6 @@ { "name": "vxe-table", ...
路径:vxe-table/es/table/src/table.js 我们先要引入一个方法vxe-table 内置的方法 createColumn,想要创建一个列,就得用这个方法,固定列也不例外~ import{ getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq...
loading="loading"cell-class-name="cellStyle"@checkbox-all="selectAllChangeEvent"@checkbox-change="onSelectChange"header-row-class-name="headerStyle":span-method="mergeRowMethod"ref="vxeTable":auto-resize="true"><templatev-for="config in headerColumn"><vxe-column:key="config.field":type="...
特别提醒: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...
16 height: $vxe-table-row-height-small; 17 } 18 19 %MiniColumnHeight { 20 height: $vxe-table-row-height-mini; 21 } 22 23 %CellEllipsis { 24 &:not(.col--actived) { 25 .vxe-cell { 26 @extend %TextEllipsis; ...