How to add tables in rich text editor

[tardy marten]

Hi, does the rich text editor (lexical) supports adding tables? I can't see any tutorials in the documentation.

[frozen breach]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Rich Text Editor - Features overview

Community-Help:

• Convert lexical header node to list node
• How Can We Create Custom Field Types in Payload?
• How to parse formData in custom endpoint?
• How to add lexical plugins to the richText editor
• How can I create a table?

[stiff estuary]

there is: EXPERIMENTAL_TableFeature I haven't used it yet, but the code looks correct and solid.
https://payloadcms.com/docs/rich-text/overview#features-overview

[tardy marten]

i tried adding it but it doesn't show in the toolbar

[tardy marten]

nevermind it now works thanks!

[frozen breach]

Payload Bot

Thread Solved!

Glad your issue was resolved! :tada: If you want to help make payload better, please give us a :star: on GitHub and review us - It helps us a lot.

🌟 Star Us on GitHub

Click here to star us on GitHub

👍 Review Us

Click here to review us on G2

[little anchor]

hi in my latest Payload version table is not supported? 3.42 v

[willow heart]

Default richtext doesnt support it. Just add Experimental_Table in your richtext field config

[little anchor]

i have added in 3.42 v of Pyload but is is not working

[willow heart]

did you really add the experimental table feature in the lexical editor used in your collection? it should work right away. try testing by creating a table in word/excel then pasting it into richtect

[little anchor]

{
"name": "nyi-nextjs",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"generate-sitemap": "ts-node src/scripts/generate-sitemap.js"
},
"dependencies": {
"@hookform/resolvers": "^3.10.0",
"@payloadcms/db-mongodb": "^3.38.0",
"@payloadcms/next": "^3.38.0",
"@payloadcms/plugin-seo": "^3.20.0",
"@payloadcms/richtext-lexical": "^3.38.0",
"@radix-ui/react-accordion": "^1.2.2",
"@radix-ui/react-dialog": "^1.1.5",
"@radix-ui/react-dropdown-menu": "^2.1.4",
"@radix-ui/react-label": "^2.1.1",
"@radix-ui/react-navigation-menu": "^1.2.3",
"@radix-ui/react-scroll-area": "^1.2.3",
"@radix-ui/react-slot": "^1.1.2",
"@radix-ui/react-tabs": "^1.1.3",
"@radix-ui/react-toast": "^1.2.5",
"axios": "^1.8.3",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"dotenv": "^16.5.0",
"embla-carousel-autoplay": "^8.5.2",
"embla-carousel-react": "^8.5.2",
"googleapis": "^149.0.0",
"lucide-react": "^0.469.0",
"next": "^15.3.2",
"next-share": "^0.27.0",
"next-sitemap": "^4.2.3",
"nyi-nextjs": "file:",
"payload": "^3.38.0",
"qs": "^6.14.0",
"qs-esm": "^7.0.2",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-fast-marquee": "^1.6.5",
"react-google-recaptcha": "^3.1.0",
"react-hook-form": "^7.54.2",
"react-hot-toast": "^2.5.2",
"react-icons": "^5.4.0",
"react-international-phone": "^4.5.0",
"react-phone-input-2": "^2.15.1",
"styled-components": "^6.1.15",
"swiper": "^11.2.8",
"tailwind-merge": "^2.5.5",
"tailwindcss-animate": "^1.0.7",
"zod": "^3.24.1"
},
"devDependencies": {
"@eslint/eslintrc": "^3",
"@types/node": "^20",
"@types/qs": "^6.9.18",
"@types/react": "^19",
"ts-node": "^10.9.2",
"typescript": "^5"
}
}

is version supportable for Table feature

[willow heart]

Yeah

[vague flame]

how did you manage to add it to the toolbar? Mine doesn't work when i add it