JavaScript Modern Table Sort

table-sort.js

const sortTableByColumn = (tableSelector, columnIndex) => {
	const rows = document.querySelector(tableSelector)
		.querySelectorAll(':scope > tbody > tr')

	const getCellTextByPosition = row => {
		const cell = row.querySelector(`:scope > *:nth-child(${columnIndex})`)

		return cell == null ? '' : cell.innerText
	}

	const sortNaturally = (a, b) => getCellTextByPosition(a)
		.localeCompare(
			getCellTextByPosition(b),
			undefined,
			{ numeric: true, sensitivity: 'base' }
		)

	const sortedRows = Array.prototype.slice
		.call(rows, 0)
		.sort(sortNaturally)

	const newTableBody = sortedRows
		.reduce((rowList, row) => `${rowList}<tr>${row.innerHTML}</tr>`, '')

	document.querySelector(`${tableSelector} > tbody`).innerHTML = newTableBody
}

sortTableByColumn('table', 1)