Плагин таблицы на основе vxe-table, предоставляющий набор удобных контекстных меню.
Зависит от версии vxe-table v4
npm install vxe-table@next vxe-table-plugin-menus@next
// ...
import VXETable from 'vxe-table'
import VXETablePluginMenus from 'vxe-table-plugin-menus'
// ...
VXETable.use(VXETablePluginMenus)
// Включить возможность копирования
/*
VXETable.use(VXETablePluginMenus, {
// copy (text) {
// // пользовательская функция копирования
// }
})
*/
| ---- | -------- | ---------- | | CLEAR_CELL | Очищает значение данных в ячейке; если активирована функция mouse-config-area, очистка происходит для диапазона ячеек в указанной области | - | | CLEAR_ROW | Очищает значения данных в строке | - | | CLEAR_CHECKBOX_ROW | Очищает значения данных выбранных строк с помощью флажков | - | | CLEAR_ALL | Очищает все данные | - | | REVERT_CELL | Возвращает значение данных в ячейке обратно; если активирована функция mouse-config-area, восстановление происходит для диапазона ячеек в указанной области | - | | REVERT_ROW | Возвращает значения данных в строке обратно | - | | REVERT_CHECKBOX_ROW | Возвращает значения данных выбранных строк с помощью флажков обратно | - | | REVERT_ALL | Возвращает все данные обратно | - | | MERGE_OR_CLEAR | Если активирована функция mouse-config-area, отменяет временное объединение ячеек в выбранной области, если они уже объединены; если нет, временно объединяет ячейки | - | | MERGE_CELL | Если активирована функция mouse-config-area, временно объединяет ячейки в указанной области, независимо от того, были ли они ранее объединены | - | | CLEAR_MERGE_CELL | Если активирована функция mouse-config-area, очищает состояние временного объединения для ячеек в указанной области | - | | CLEAR_ALL_MERGE | Очищает состояние временного объединения для всех ячеек и конца таблицы | - | | COPY_CELL | Копирует значение данных в ячейке; если активирована функция mouse-config-area, копирование происходит для диапазона ячеек в указанной области | - |area, копирует значения данных для диапазона ячеек в указанной области, поддерживает Excel и WPS | - | | CUT_CELL | Вырезает значение данных в ячейке; если активирована функция mouse-config.area, вырезает значения данных для диапазона ячеек в указанной области, поддерживает Excel и WPS | - | | PASTE_CELL | (Поддерживается только внутри одного региона таблицы) Вставляет данные, скопированные из таблицы; если активирована функция mouse-config.area, вставляет значения данных для диапазона ячеек в указанной области, не поддерживает чтение из буфера обмена | - | | EDIT_CELL | Редактирует выбранную ячейку | - | | EDIT_ROW | Редактирует выбранную строку и активирует выбранную ячейку | - | | INSERT_ROW | Вставляет данные | records | | INSERT_EDIT_ROW | Вставляет данные и активирует режим редактирования | Array<records, field> | | INSERT_AT_ROW | Вставляет данные в указанное место | records | | INSERT_AT_EDIT_ROW | Вставляет данные в указанное место и активирует режим редактирования | Array<records, field> | | DELETE_ROW | Удаляет данные строки | - | | DELETE_AREA_ROW | Если активирована функция mouse-config.area, удаляет данные строк в выбранной области | - | | DELETE_CHECKBOX_ROW | Удаляет данные выбранных строк с помощью флажков | - | | DELETE_ALL | Удаляет все данные строк | - | | CLEAR_SORT | Очищает условия сортировки для выбранного столбца | - | | CLEAR_ALL_SORT | Очищает все условия сортировки | - || SORT_ASC | Сортировка значений выбранных столбцов по возрастанию | — | | SORT_DESC | Сортировка значений выбранных столбцов по убыванию | — | | CLEAR_FILTER | Очистка фильтра выбранного столбца | — | | CLEAR_ALL_FILTER | Очистка всех фильтров | — | | FILTER_CELL | Фильтрация по значению ячейки | — | | EXPORT_ROW | Экспорт данных строки | options | | EXPORT_CHECKBOX_ROW | Экспорт данных выделенной галочками строки | options | | EXPORT_ALL | Экспорт данных всех строк | options | | PRINT_ALL | Распечатать все строки | options | | PRINT_CHECKBOX_ROW | Распечатать данные выделенной галочками строки | options | | OPEN_FIND | Открытие функции поиска ячеек при активированной функции mouse-config.area | — | | OPEN_REPLACE | Открытие функции замены ячеек при активированной функции mouse-config.area | — | | FIXED_LEFT_COLUMN | Фиксация левого столбца | — | | FIXED_RIGHT_COLUMN | Фиксация правого столбца | — | | CLEAR_FIXED_COLUMN | Удаление фиксации столбца | — | | HIDDEN_COLUMN | Скрытие текущего столбца | — | | RESET_COLUMN | Сброс состояния видимости столбца | — | | RESET_RESIZABLE | Сброс состояния изменения размера столбца | — | | RESET_ALL | Сброс всех состояний столбца | — |
```javascript
export default {
data() {
return {
tableData: [
{ id: 100, name: 'тест1', age: 28, sex: 'мужской' },
{ id: 101, name: 'тест2', age: 32, sex: 'женский' },
{ id: 102, name: 'тест3', age: 36, sex: 'мужской' }
],
menuConfig: {
body: {
options: [
[
{ code: 'EXPORT_ALL', name: 'Экспортировать CSV' },
{ code: 'INSERT_EDIT_ROW', name: 'Добавить' }
]
]
}
}
};
}
};
MIT © 2019—н.в., Xu Liangzhan
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )