Uppdaterad 2024-07-04

Tabeller

Animation av Vim som formaterar markdown för tabell

Förkortningar

TOC - Table of contents

Namn och kodpunkt för ikoner från Font Awesome `4.7.0` (den sista versionen som var helt gratis)

fa-table

Typer

Program

Excel

Delar

Kolumner
Rader
Celler

Plats

Databaser

Visa vilka tabeller som finns i en databas med MySQL

SHOW TABLES

Skapa en tabell med MySQL

CREATE table

Visa detaljer (exempelvis typ av motor, data, nummer, tid, teckenkod och kommentarer) för tabell med MySQL

SHOW TABLE STATUS WHERE NAME LIKE 'table'

[Name]
[Engine]
[Version]
[Row_format]
[Rows]
[Avg_row_length]
[Data_length]
[Max_data_length]
[Index_length]
[Data_free]
[Auto_increment]
[Create_time]
[Update_time]
[Check_time]
[Collation]
[Checksum]
[Create_options]
[Comment]
[Max_index_length]
[Temporary]

Visa kolumner i tabell med MySQL

DESCRIBE tabell

[Field]
[Type]
[Null]
[Key]
[Default]
[Extra]

Visa kolumner och deras teckenkoder i tabell med MySQL

SHOW FULL COLUMNS FROM tabell

[Field]
[Type]
[Collation]
[Null]
[Key]
[Default]
[Extra]
[Privileges]
[Comment]

Hämta data från tabell med MySQL

SELECT * FROM table

Ta bort data i tabell med MySQL

TRUNCATE TABLE tabell

Ta bort tabell med MySQL

DROP TABLE tabell

Tagg i HTML

<table>

Regler för CSS

border-collapse

Skriv ut en tabell i konsolen med JavaScript

console.table([["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]])

╔═════════╦═══════╗
║ Column1 ║ MySum ║
╠═════════╬═══════╣
║ 1       ║     6 ║
║ 2       ║     6 ║
║ 3       ║     6 ║
║ Total   ║    18 ║
╚═════════╩═══════╝

Invertera dimensioner på axlar för samtliga tabeller på en sida i HTML med Javascript

function tableToArr(table) {
	tableArr = [];
	[...table.children[0].children].forEach((tr, row) => {
		newRow = [];
		[...tr.children].forEach((td, col) => {
			newRow.push(td.outerHTML);
		});
		tableArr.push(newRow);
	});
	return tableArr;
}

function rowsForTable(tableArr) {
	table = document.createElement('table');
	tableArr[0].forEach(rowIndex => {
		table.append(document.createElement('tr'));
	});
	return table;
}

function cellsForTable(tableArr, table) {
	tableArr.forEach((row, rowIndex) => {
		tableArr[rowIndex].forEach((cell, cellIndex) => {
			table.children[cellIndex].innerHTML = table.children[cellIndex].innerHTML + cell;
		});
	});
}

document.querySelectorAll('table').forEach(currentTable => {
	tableArr = tableToArr(currentTable);
	table = rowsForTable(tableArr);
	cellsForTable(tableArr, table);
	currentTable.outerHTML = table.outerHTML;
});