fix table caption

wax-prosemirror-core/src/utilities/commands/Commands.js

@@ -96,8 +96,11 @@ const createTable = (colsRows, state, dispatch) => {
     rows.push(state.config.schema.nodes.table_row.createAndFill(null, cells));
   }
 
-  const table = state.config.schema.nodes.table.createAndFill(null, rows);
-  dispatch(state.tr.replaceSelectionWith(table));
+  const tableBody = state.config.schema.nodes.table_body.createAndFill(
+    null,
+    rows,
+  );
+  dispatch(state.tr.replaceSelectionWith(tableBody));
 };
 
 const createLink = (state, dispatch) => {

wax-prosemirror-services/src/TablesService/components/TableDropDown.js

@@ -76,6 +76,8 @@ const TableDropDown = ({ item }) => {
     { label: 'Toggle header column', value: 'toggleHeaderColumn' },
     { label: 'Toggle header row', value: 'toggleHeaderRow' },
     { label: 'Toggle header cells', value: 'toggleHeaderCell' },
+    { label: 'Add Caption', value: 'addCaption' },
+    { label: 'Delete Caption', value: 'deleteCaption' },
   ];
 
   const { activeView } = useContext(WaxContext);

wax-prosemirror-services/src/TablesService/table.css

@@ -12,6 +12,12 @@
     width: 100%;
   }
 
+   table>caption {
+      background-color: #535E76;
+      color: white;
+      font-weight: bold;
+    }
+
   th,
   td {
     border: 1px solid #eee;