# @toast-ui/editor-plugin-table-merged-cell > TOAST UI Editor : Table Merged Cell Plugin Latest version **3.1.0** (published 2022-08-05) · MIT license · 0 weekly downloads ## Install ```sh npm install @toast-ui/editor-plugin-table-merged-cell pnpm add @toast-ui/editor-plugin-table-merged-cell yarn add @toast-ui/editor-plugin-table-merged-cell bun add @toast-ui/editor-plugin-table-merged-cell ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; no vulnerabilities; high quality score; popular repo. Warnings: low downloads; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 3.1.0 | | Published | 2022-08-05 | | First published | 2020-03-17 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 66 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 17999 | | Author | NHN Cloud FE Development Lab | | Maintainers | nhnent, codepink | | Keywords | nhn, nhn cloud, toast, toastui, toast-ui, editor, plugin, table, merged-cell | ## Links - npm: https://www.npmjs.com/package/@toast-ui/editor-plugin-table-merged-cell - Repository: https://github.com/nhn/tui.editor - Homepage: https://ui.toast.com - Issues: https://github.com/nhn/tui.editor/issues - npm.io page: https://npm.io/package/@toast-ui/editor-plugin-table-merged-cell ## Alternatives - [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads - [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads - [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads - [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads - [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads ## Recent versions - 3.1.0 (latest) — 2022-08-05 - 3.0.2 — 2022-02-10 - 3.0.1 — 2021-10-27 - 3.0.0 — 2021-06-17 - 3.0.0-alpha.1 — 2021-06-16 - 3.0.0-alpha.0 — 2021-05-27 - 1.3.2 — 2020-12-23 - 1.3.1 — 2020-11-03 - 1.3.0 — 2020-10-21 - 1.2.0 — 2020-09-10 - 1.1.1 — 2020-07-23 - 1.1.0 — 2020-06-18 - 1.1.0-alpha.0 — 2020-06-10 - 1.0.0 — 2020-03-18 - 1.0.0-alpha — 2020-03-17 ## README # TOAST UI Editor : Table Merged Cell Plugin > This is a plugin of [TOAST UI Editor](https://github.com/nhn/tui.editor/tree/master/apps/editor) to merge table columns. [![npm version](https://img.shields.io/npm/v/@toast-ui/editor-plugin-table-merged-cell.svg)](https://www.npmjs.com/package/@toast-ui/editor-plugin-table-merged-cell) ![table-merged-cell](https://user-images.githubusercontent.com/37766175/121814008-c0232480-cca9-11eb-8611-7ccc0fe8707f.png) ## 🚩 Table of Contents - [Bundle File Structure](#-bundle-file-structure) - [Usage npm](#-usage-npm) - [Usage CDN](#-usage-cdn) ## 📁 Bundle File Structure ### Files Distributed on npm ``` - node_modules/ - @toast-ui/ - editor-plugin-table-merged-cell/ - dist/ - toastui-editor-plugin-table-merged-cell.js - toastui-editor-plugin-table-merged-cell.css ``` ### Files Distributed on CDN The bundle files include all dependencies of this plugin. ``` - uicdn.toast.com/ - editor-plugin-table-merged-cell/ - latest/ - toastui-editor-plugin-table-merged-cell.js - toastui-editor-plugin-table-merged-cell.min.js - toastui-editor-plugin-table-merged-cell.css - toastui-editor-plugin-table-merged-cell.min.css ``` ## 📦 Usage npm To use the plugin, [`@toast-ui/editor`](https://github.com/nhn/tui.editor/tree/master/apps/editor) must be installed. > Ref. [Getting Started](https://github.com/nhn/tui.editor/blob/master/docs/en/getting-started.md) ### Install ```sh $ npm install @toast-ui/editor-plugin-table-merged-cell ``` ### Import Plugin #### ES Modules ```js import '@toast-ui/editor-plugin-table-merged-cell/dist/toastui-editor-plugin-table-merged-cell.css'; import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell'; ``` #### CommonJS ```js require('@toast-ui/editor-plugin-table-merged-cell/dist/toastui-editor-plugin-table-merged-cell.css'); const tableMergedCell = require('@toast-ui/editor-plugin-table-merged-cell'); ``` ### Create Instance #### Basic ```js import '@toast-ui/editor-plugin-table-merged-cell/dist/toastui-editor-plugin-table-merged-cell.css'; import Editor from '@toast-ui/editor'; import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell'; const editor = new Editor({ // ... plugins: [tableMergedCell] }); ``` #### With Viewer ```js import '@toast-ui/editor-plugin-table-merged-cell/dist/toastui-editor-plugin-table-merged-cell.css'; import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer'; import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell'; const viewer = new Viewer({ // ... plugins: [tableMergedCell] }); ``` or ```js import '@toast-ui/editor-plugin-table-merged-cell/dist/toastui-editor-plugin-table-merged-cell.css'; import Editor from '@toast-ui/editor'; import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell'; const viewer = Editor.factory({ // ... plugins: [tableMergedCell], viewer: true }); ``` ## 🗂 Usage CDN To use the plugin, the CDN files(CSS, Script) of `@toast-ui/editor` must be included. ### Include Files ```html ... ... ... ... ... ... ``` ### Create Instance #### Basic ```js const { Editor } = toastui; const { tableMergedCell } = Editor.plugin; const editor = new Editor({ // ... plugins: [tableMergedCell] }); ``` #### With Viewer ```js const Viewer = toastui.Editor; const { tableMergedCell } = Viewer.plugin; const viewer = new Viewer({ // ... plugins: [tableMergedCell] }); ``` or ```js const { Editor } = toastui; const { tableMergedCell } = Editor.plugin; const viewer = Editor.factory({ // ... plugins: [tableMergedCell], viewer: true }); ``` --- _Source: https://npm.io/package/@toast-ui/editor-plugin-table-merged-cell · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._