From c4f35911a0662b63a48ba1b7ca6c246d6790e70b Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Fri, 22 Jan 2021 00:07:31 +0100
Subject: [PATCH] add attributes to table cells

---
 docs/src/demos/Nodes/Table/index.vue            | 12 ++++++------
 packages/extension-table-cell/src/table-cell.ts | 14 +++++++++++++-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/docs/src/demos/Nodes/Table/index.vue b/docs/src/demos/Nodes/Table/index.vue
index c05d96f8..f9898eba 100644
--- a/docs/src/demos/Nodes/Table/index.vue
+++ b/docs/src/demos/Nodes/Table/index.vue
@@ -4,22 +4,22 @@
       ⚠️ createTable
     </button>
     <button @click="editor.chain().focus().addColumnBefore().run()">
-      ⚠️ addColumnBefore
+      ✅ addColumnBefore
     </button>
     <button @click="editor.chain().focus().addColumnAfter().run()">
-      ⚠️ addColumnAfter
+      ✅ addColumnAfter
     </button>
     <button @click="editor.chain().focus().deleteColumn().run()">
-      ⚠️ deleteColumn
+      ✅ deleteColumn
     </button>
     <button @click="editor.chain().focus().addRowBefore().run()">
-      ⚠️ addRowBefore
+      ✅ addRowBefore
     </button>
     <button @click="editor.chain().focus().addRowAfter().run()">
-      ⚠️ addRowAfter
+      ✅ addRowAfter
     </button>
     <button @click="editor.chain().focus().deleteRow().run()">
-      ⚠️ deleteRow
+      ✅ deleteRow
     </button>
     <button @click="editor.chain().focus().deleteTable().run()">
       ✅ deleteTable
diff --git a/packages/extension-table-cell/src/table-cell.ts b/packages/extension-table-cell/src/table-cell.ts
index 23e397a0..7257628e 100644
--- a/packages/extension-table-cell/src/table-cell.ts
+++ b/packages/extension-table-cell/src/table-cell.ts
@@ -14,7 +14,19 @@ export const TableCell = Node.create({
 
   content: 'block+',
 
-  // attrs: cellAttrs,
+  addAttributes() {
+    return {
+      colspan: {
+        default: 1,
+      },
+      rowspan: {
+        default: 1,
+      },
+      colwidth: {
+        default: null,
+      },
+    }
+  },
 
   tableRole: 'cell',