[BUG] Unable to specify a note in a cell within a table

🐛 Bug Report

Lib version: 4.1.0 (latest)

I cannot specify a note in a cell within a table.

Steps To Reproduce

const Excel = require('exceljs');
const workbook = new Excel.Workbook();
const worksheet = workbook.addWorksheet('Test');

const enableTable = true;

const data = [
	['Foo', 'Bar', 'Baz'], // Headers
	['foo', 'bar', 'baz'],
	['foo', 'bar', 'baz'],
	['foo', 'bar', 'baz'],
	['foo', 'bar', 'baz']
];

for (let ri = 0; ri < data.length; ri++) {
	for (let ci = 0; ci < data[ri].length; ci++) {
		worksheet.getCell(ri + 1, ci + 1).value = data[ri][ci];
	}
}

if (enableTable) {
	worksheet.addTable({
		name: 'Table1',
		ref: 'A1',
		headerRow: true,
		totalsRow: false,
		columns: data[0].map(name => ({ name })),
		rows: data.slice(1)
	});
}

worksheet.getCell('B3').note = 'Test Note';

workbook.xlsx.writeFile('test.xlsx');

The expected behaviour:

The generated file should open successfully in Excel, with a note written 'Test Note' in cell B3.

Screenshots

With enableTable set to false, it works, the note is visible:

With enableTable set to true, the file is corrupted and Excel can’t repair it (resulting in an empty sheet):

[papb]

Nice, thank you very much. I will try it later and comment here if it worked.

[rheidari]

Should be pretty simple, just reordering here so that legacyDrawing is being output just after drawing.

https://github.com/exceljs/exceljs/blob/65ea2e4a52343362e4a7309bf961611392dd6a4a/lib/xlsx/xform/sheet/worksheet-xform.js#L329-L342