@tiptap/extension-table-row
Advanced tools
@tiptap/extension-table-row is an extension for the Tiptap editor that allows you to add and manage table rows within your rich text editor. It provides functionalities to create, manipulate, and customize table rows, making it easier to handle tabular data in a user-friendly way.
Add Table Row
This feature allows you to add a new row to an existing table in the Tiptap editor. The code sample demonstrates how to import the TableRow extension and use the `insertTableRow` command to add a new row.
import { TableRow } from '@tiptap/extension-table-row';
const editor = new Editor({
extensions: [
TableRow,
],
});
// Add a new row to the table
editor.chain().focus().insertTableRow().run();Delete Table Row
This feature allows you to delete a row from an existing table in the Tiptap editor. The code sample demonstrates how to use the `deleteTableRow` command to remove the current row.
import { TableRow } from '@tiptap/extension-table-row';
const editor = new Editor({
extensions: [
TableRow,
],
});
// Delete the current row from the table
editor.chain().focus().deleteTableRow().run();Move Table Row
This feature allows you to move a row up or down within a table in the Tiptap editor. The code sample demonstrates how to use the `moveTableRow` command with a parameter to move the current row up or down.
import { TableRow } from '@tiptap/extension-table-row';
const editor = new Editor({
extensions: [
TableRow,
],
});
// Move the current row up
editor.chain().focus().moveTableRow(-1).run();
// Move the current row down
editor.chain().focus().moveTableRow(1).run();prosemirror-tables is a ProseMirror plugin that provides table-related functionalities similar to @tiptap/extension-table-row. It allows you to create, edit, and manage tables within a ProseMirror editor. While it offers a comprehensive set of table manipulation features, it requires more manual setup compared to the Tiptap extension.
slate-tables is a plugin for the Slate editor that provides table functionalities. It allows you to add, delete, and manipulate table rows and columns within a Slate editor. Compared to @tiptap/extension-table-row, it is designed specifically for the Slate editor and offers similar table management capabilities.
draft-js-table-plugin is a plugin for the Draft.js editor that adds table functionalities. It allows you to create and manage tables within a Draft.js editor. While it provides similar features to @tiptap/extension-table-row, it is tailored for use with Draft.js and may require additional configuration.
Tiptap is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as New York Times, The Guardian or Atlassian.
Documentation can be found on the Tiptap website.
Tiptap is open sourced software licensed under the MIT license.
FAQs
table row extension for tiptap
We found that @tiptap/extension-table-row demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.
Security News
NIST's new password guidelines remove periodic changes and special character requirements, focusing on longer, more secure passwords for better authentication practices.
