Skip to content

Releases: Happy-Coding-Clans/vue-easytable

v2.12.3

22 Dec 16:25
Compare
Choose a tag to compare

Bug Fixes

  • Fixed the bug that multiple virtual scrolling table instances interfering with each other #429
  • Fix the problem that the height of the last row of the table is more than 2px

Bug Fixes

  • 修复多个虚拟滚动表格实例互相干扰的问题 #429
  • 修复表格最后一行高度多出 2px 的问题

v2.12.2

21 Dec 09:44
Compare
Choose a tag to compare

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

20 Dec 14:27
Compare
Choose a tag to compare

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

16 Dec 14:19
Compare
Choose a tag to compare

Feature

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 -
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 of editOption
    • Remove the property textSelectedWhenCellFocus of editOption
    • 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

16 Nov 03:18
Compare
Choose a tag to compare

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)

Feature

  • 添加列隐藏功能 查看详情
    • 使用 defaultHiddenColumnKeys 设置默认隐藏列
    • 使用实例方法 hideColumnsByKeys(keys) 将列隐藏
    • 使用实例方法 showColumnsByKeys(keys) 将隐藏的列显示

v2.10.2

14 Nov 08:32
Compare
Choose a tag to compare

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

11 Nov 10:45
Compare
Choose a tag to compare

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

30 Oct 13:40
Compare
Choose a tag to compare

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

27 Oct 07:44
Compare
Choose a tag to compare

Bug Fixes

  • Fix the bug that occasional garbled problem caused by ‘···’ #408

Bug Fixes

  • 修复分页组件向前 5 页“...”乱码的问题 #408

v2.9.0

12 Oct 08:41
Compare
Choose a tag to compare

Feature

  • Add an instance method sethighlightrow to set row highlight. refer to demo

Feature

  • 添加设置行高亮的实例方法setHighlightRow参考示例