Releases: Happy-Coding-Clans/vue-easytable
Releases · Happy-Coding-Clans/vue-easytable
v2.12.3
v2.12.2
Style changes
- Add row expand theme var @ve-table-body-row-expand-content-padding
- Remove padding and margin of table component style, Avoid style intrusion (such as combining element-ui component)
Style changes
- 添加行展开主题变量 @ve-table-body-row-expand-content-padding
- 去除table组件样式的 padding 和 margin,避免样式的侵入(比如结合 element-ui 相关组件)
v2.12.1
Bug Fixes
- Fix the bug that the direction key can‘t move the active cell after double clicking the non editable cell in the cell editing feature
Bug Fixes
- 修复单元格编辑功能,不可编辑单元格双击后方向键无法移动活动单元格的问题
v2.12.0
Feature
- Cell edit Details
Feature | Shortcuts |
---|---|
The active cell starts editing | F2 |
Stop editing and stay in the current cell | Ctrl + Enter |
Wrap text in editing cell | Alt + Enter |
Empty active cell contents | Delete |
Clear the contents of the active cell and starts editing | BackSpace |
Empty the contents of the active cell and fill in the blanks | Space |
Stops editing and moves the active cell down | Enter |
Stops editing and moves the active cell up | Shift + Enter |
Stops editing and moves the active cell to the right | Tab |
Stops editing and moves the active cell to the left | Shift + Tab |
It supports directly filling text in editable cells | - |
When long text input is supported, the edit box automatically expands and contracts | - |
- Cell selection Details
Feature | Shortcuts |
---|---|
Move the active cell up | ↑ |
Move the active cell to the right | → |
Move the active cell down | ↓ |
Move the active cell to the left | ← |
Move the active cell down | Enter |
Move the active cell up | Shift + Enter |
Move the active cell to the right | Tab |
Move the active cell to the left | Shift + Tab |
Breaking Changes
-
Cell edit Details
- Remove cell full row editing
- Remove cell edit by single click
- Remove
Enter
key to switch cell editing status - Remove the property
stopEditingWhenCellLoseFocus
ofeditOption
- Remove the property
textSelectedWhenCellFocus
ofeditOption
- Remove instance method
stopAllEditingCell
- Remove the parameters of the instance method
stopEditingCell
Style
- Modify the elements used by the outer border and set the border radius #418
- Add css var @ve-table-column-fixed-border-color
- Add css var @ve-table-td-editing-line-height
Feature
- 单元格编辑功能 查看详情
功能 | 快捷键 |
---|---|
活动单元格进入编辑状态 | F2 |
停止编辑状态,并停留在当前单元格 | Ctrl + Enter |
单元格内文本换行 | Alt + Enter |
清空活动单元格内容 | Delete |
清空活动单元格内容,并进入编辑状态 | BackSpace |
清空活动单元格内容并填入空格 | Space |
停止编辑状态并向下移动活动单元格 | Enter |
停止编辑状态并向上移动活动单元格 | Shift + Enter |
停止编辑状态并向右移动活动单元格 | Tab |
停止编辑状态并向左移动活动单元格 | Shift + Tab |
支持在可编辑单元格直接输入文本并进入编辑状态 | - |
支持长文本输入时,编辑框自动伸缩功能 | - |
- 单元格选择功能 查看详情
功能 | 快捷键 |
---|---|
向上移动活动单元格 | ↑ |
向右移动活动单元格 | → |
向下移动活动单元格 | ↓ |
向左移动活动单元格 | ← |
向下移动活动单元格 | Enter |
向上移动活动单元格 | Shift + Enter |
向右移动活动单元格 | Tab |
向左移动活动单元格 | Shift + Tab |
Breaking Changes
-
单元格编辑功能非兼容性更新 查看详情
- 废弃单元格整行编辑功能
- 废弃单击进入编辑状态
- 废弃
Enter
键切换单元格编辑状态 - 废弃参数
stopEditingWhenCellLoseFocus
- 废弃属性
textSelectedWhenCellFocus
- 废弃示例方法
stopAllEditingCell
- 去除实例方法
stopEditingCell
的参数
Style
- 修改外边框作用的元素,设置 border-radius 更简单 #418
- 新增主题变量 @ve-table-column-fixed-border-color
- 新增主题变量 @ve-table-td-editing-line-height
v2.11.0
Feature
- Add column hidden feature Details
- Set the default hidden columns through the
defaultHiddenColumnKeys
property - Hide columns through instance method
hideColumnsByKeys(keys)
- Show hidden columns through instance method
showColumnsByKeys(keys)
- Set the default hidden columns through the
Feature
- 添加列隐藏功能 查看详情
- 使用
defaultHiddenColumnKeys
设置默认隐藏列 - 使用实例方法
hideColumnsByKeys(keys)
将列隐藏 - 使用实例方法
showColumnsByKeys(keys)
将隐藏的列显示
- 使用
v2.10.2
Bug Fixes
- Fix the bug that virtual scroll table with expand option that renders another table inside crashes browser tab #414
- Fix the bug that fixed column effect does not take effect when scrolling horizontally
- Fix the bug that the focus of the current editing row cannot be changed after the full cell row editing
Bug Fixes
- 修复虚拟滚动表格展开表格导致浏览器崩溃的问题 #414
- 修复固定列效果在横向滚动时不生效的问题
- 修复单元格整行编辑,当前编辑行的焦点无法改变的问题
v2.10.1
Performance Improvements
- Performance optimization of virtual scrolling rendering
- In fast scrolling, such as dragging the scroll bar, only placeholders are rendered
- Change the style and class of table cells to be calculated in body
- Memory optimization. Memory reduced by about 45%
- Discarding deepclone table data
Performance Improvements
- 虚拟滚动渲染性能优化
- 快速滚动中,如拖动滚动条时只渲染占位符
- 将表格单元格的 style、class 改为 body 中计算
- 内存占用优化。内存减少 45% 左右
- 弃用 deepClone 表格数据
v2.10.0
Feature
- Add cell edit. single click edit、double click edit、full row edit、controllable editing. Details
Bug Fixes
- Fixed the problem that the cell data changed and the cell did not re render
- Fix the problem that when multiple table components are used at the same time, the width of row expansion content interferes with each other(Impact of Vue.observable)
Feature
- 新增单元格编辑功能。单击编辑、双击编辑、整行编辑、可控编辑。查看详情
Bug Fixes
- 修复单元格数据更改,单元格没有重新渲染的问题
- 修复当同时使用多个 table 组件,行展开内容宽度互相干扰的问题(Vue.observable 的影响)
v2.9.1
v2.9.0
Feature
- Add an instance method
sethighlightrow
to set row highlight. refer to demo
Feature
- 添加设置行高亮的实例方法
setHighlightRow
。参考示例