Table explode and optimize 🚀

ts.ui.get('#mytable', table => {
	table
		.explode()
		.optimize()
		.cols([
			{label: 'Level', type: 'ts-number'},
			{label: 'Character', flex: 2},
			{label: 'Alignment', flex: 2},
		])
		.rows([
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil'],
			[21, 'Paladin Knight', 'Lawful Good'],
			[13, 'Barbarian Queen', 'Neutral Evil'],
			[11, 'Global Senior Vice President of Sales', 'Chaotic Evil']
		])
});