search

Happy-Coding-Clans / vue-easytable

A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
https://happy-coding-clans.github.io/vue-easytable/
MIT License
3.69k stars 738 forks source link

Column fixed error UI when fixed:"left" with checkbox #362

Closed truongnguyengithub closed 3 years ago

truongnguyengithub commented 3 years ago

http://doc.huangsw.com/vue-easytable/#/en/doc/table/column-fixed

image

huangshuwei commented 3 years ago
truongnguyengithub commented 3 years ago
  • Please provide a link by forking CodeSandbox. (codepen or jsfiddle are not recommended. They are not friendly to JSX support.)
  • This is issue template

This is an example error UI when fixed the right column and using the checkbox https://codesandbox.io/s/practical-sun-oc0w8?file=/Example.vue

huangshuwei commented 3 years ago

This is a modified example: https://codesandbox.io/s/ecstatic-oskar-zzl0r?file=/Example.vue

Two points to pay attention to 1、Row checkbox need checkboxOptipon prop to handle check row event 2、Need rowKeyFieldName prop to record the row you selected

refer to Row checkbox example

truongnguyengithub commented 3 years ago

Thank you so much 👍

huangshuwei commented 3 years ago

you are welcome