Problem with custom component type and table cell

@kuhelbeher your code is correct (except is extend: 'cell', and not extends: 'cell',), unfortunately, there is a bug (or a bad logic) applied on the row component, so, for now, I'd suggest adding this as a patch:

const modelDefault =  domc.getType('default').model;
domc.addType('row', {
    model: {
      initialize() {
        modelDefault.prototype.initialize.apply(this, arguments);
      },
    }
});

and now it should work: https://jsfiddle.net/corasd1h/

@kuhelbeher because your component is a table per your content definition above and not a td as defined in your addType of tagName property?

@noogen I don't think the problem is with this. I tried to define component and block like this:

  domc.addType('custom-cell', {
    extends: 'cell',
    model: {
      defaults: {
        removable: false,
        name: 'Custom cell',
        type: 'custom-cell',
        copyable: false,
        tagName: 'td'
      }
    }
  })

  bm.add('root', {
    label: 'Page Wrapper',
    category: opt.category,
    content: `
        <table width="400px">
          <tbody>
            <tr>
              <td data-gjs-type="custom-cell">
              
              </td>
            </tr>
          </tbody>
        </table>
    `,
  })

But the problem remains - td tag (and all what is inside of it) doesn't appear on canvas, Maybe I'm doing something wrong? I am trying to create new component type from built-in 'cell' type but it should be in table. Thats why I created new block. Maybe you can suggest some other solution?