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...
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> ...
:header-cell-style 表头的动态样色 :row-style行的动态样色 :row-style="setRowClass" methods:{ setRowClass({row, rowIndex}){ if(rowIndex === 0){ return "background: #3c80ff"; } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. :cell-style 列的动态样色 隐藏表头 :show-header...
"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", ...
133 headerRowStyle?: { [key: string]: any } | Array<string | number | boolean | { [key: string]: any }> | Function; 134 /** 135 * 给表尾行附加样式 136 */ 137 footerRowStyle?: { [key: string]: any } | Array<string | number | boolean | { [key: string]: any }...
--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%)}; ...
npm install sortablejs--save// 在需要的页面引入JSimportSortablefrom'sortablejs';// 列拖拽columnDrop(){this.$nextTick(()=>{letxTable=this.$refs.xTable;if(xTable){this.sortable=Sortable.create(xTable.$el.querySelector('.body--wrapper>.vxe-table--header .vxe-header--row'),{handle:'.vx...
<div style="height: calc(100% - 100px);"> <vxe-table border="inner" auto-resize resizable :height="'auto'" :loading="loading" size="small" ref="VXETable" show-header-overflow show-overflow highlight-hover-row :menu-config="{}" ...
路径:vxe-table/es/header/src/header.js 最后需要去定义col--hidden的样式就行啦! 路径:vxe-table/lib/style.css 效果 现在空白列也不会出现啦~ 滚轮白屏问题 -> mode: 'wheel' 上面是已经解决了拖动滚动条的白屏的问题,但是其实有的电脑硬件比较差,滚动滚动居然也会有白屏现象吗,这个时候可以设置vxe-table...
// 引入变量 @import 'vxe-table/src/style/variable.scss'; // 局部覆盖 $vxe-font-color: #606266; $vxe-table-header-background-color: #f8f8f9; $vxe-table-border-color: #e8eaec; $vxe-table-background-color: #ffffff; // 引入样式 @import 'vxe-table/src/style/default.scss'; Case 3...