Table styles don't work in online word

[tripodsan]

Online word has problems with custom table styles.
for example the https://github.com/dolanmiu/docx/blob/master/demo/25-table-xml-styles.ts demo produces this in word:

but this in online word:

---

tested with docx-6.0.3

[tripodsan]

I think the problem is the column widths:

{
  "deleted": false,
  "rootKey": "w:tblGrid",
  "root": [
    {
      "deleted": false,
      "rootKey": "w:gridCol",
      "root": [
        {
          "deleted": false,
          "rootKey": "_attr",
          "root": {
            "w": 100
          },
          "xmlKeys": {
            "w": "w:w"
          }
        }
      ]
    },
    {
      "deleted": false,
      "rootKey": "w:gridCol",
      "root": [
        {
          "deleted": false,
          "rootKey": "_attr",
          "root": {
            "w": 100
          },
          "xmlKeys": {
            "w": "w:w"
          }
        }
      ]
    }
  ]
}

if you don't specify them, they are initialized with 100, which is very small :-) as they are 1/1440 of an inch:
http://officeopenxml.com/WPtableGrid.php

I found this works for me best:

  const tbl = new Table({
    rows,
    width: {
      size: 5000,
      type: WidthType.PERCENTAGE,
    },
  });
  const grid = findXMLComponent(tbl, 'w:tblGrid');
  if (grid) {
    tbl.root.splice(tbl.root.indexOf(grid), 1);
  }

[dolanmiu]

Yup, it's set to 100 by default on purpose (I randomly picked 100 at the time of writing the code)

So this is a non-issue I suppose?

[tripodsan]

So this is a non-issue I suppose?

yes, it is an issue. if you omit the columnWidths when creating the table, you add widths with 100. this makes the tables unusable on online-word. the correct behaviour would be to not create a w:tblGrid component if no columnWidths is specified. this makes word to auto size the columns.

[dolanmiu]

Makes sense, will make a fix