Add tables support

[wyozi]

https://gitbrent.github.io/PptxGenJS/docs/api-tables/

Could probably use similar DOM structure as HTML tables, <Table><TableRow><TableCell>Aaa</TableCell><TableCell>BBB</TableCell></TableRow></Table>

[juan-quintero-otl]

@wyozi Could you please give me some alternatives? or suggest a slide with an editable table structure?

[wyozi]

@juanmako unfortunately cannot be achieved as is currently. However, implementing the <Table> nodes yourself as a PR shouldn't be too difficult. Feel free to ask if there's any questions

[juanesquintero]

@wyozi Thanks! Is there any way to get the raw PPTXGenJS object and modified before download??

[wyozi]

@juanesquintero

I'll try to explain the way I would do it :)

1. Add required node types at https://github.com/wyozi/react-pptx/blob/master/src/nodes.ts#L12. Probably TABLE for now and accompanying component type (https://github.com/wyozi/react-pptx/blob/master/src/nodes.ts#L147-L162 here's an example for )
2. Add an internal slide object for at https://github.com/wyozi/react-pptx/blob/master/src/normalizer.ts#L128.
3. Add normalization behavior at https://github.com/wyozi/react-pptx/blob/master/src/normalizer.ts#L356 to convert react node into InternalTable. You can just copy the rows prop here
4. Add renderer. Again you can just copy existing behavior. E.g. https://github.com/wyozi/react-pptx/blob/master/src/renderer.ts#L108
5. Preview might be a bit annoying, but you should be able to add a table at https://github.com/wyozi/react-pptx/blob/master/src/preview/Preview.tsx#L348

The normalized internal slide type might look something like this:

export type InternalTable = ObjectBase & {
  kind: "table";
  rows: Array<Array<string>>
};

[wyozi]

@wyozi Thanks! Is there any way to get the raw PPTXGenJS object and modified before download??

These are essentially the steps you have to take. There's no any "easier" way to access the raw PPTXGenJS object right now and I'm not sure if there even should be.

[wyozi]

@juanesquintero I'll take a closer look actually and see if I can implement this. There's some interesting challenges involved

[juanesquintero]

@wyozi Great! with thoose instructions I will work on the PR soon!

[wyozi]

@juanesquintero see e0a9558

It's not quite where I want to be, but should cover at least basic table operations. See index.spec for how it can be used

[juanesquintero]

@wyozi Already have a work in progress PR #674 let me know any feedback or comment you have please

[wyozi]

@juanesquintero the commit I linked has a full Table implementation, so I'd suggest trying it out or at least basing your work on top of it :)

[juanesquintero]

@wyozi Thanks a million! already test it and the table generation is great! I will try to work on the preview part, since is only previewing the text and not the other styles...