Angular Spreadsheet Component | ng-hub-ui-spreadsheet
Editable Angular spreadsheet with Excel's keyboard, rectangular selection, a clipboard that round-trips with Excel, frozen panes and merged cells. MIT, accessible, no paid tier.
Interaktive Beispiele
Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.
Bearbeiten und Zwischenablage
Ein bearbeitbares Blatt
Click a cell and type, or press F2 to edit keeping the value. Enter commits and drops a row, Tab commits and moves right.
Kopieren und Einfügen mit Excel
Select a range, copy it, and paste it into Excel. Or the other way round.
Spaltentypen und ein eigener Editor
A click picks a cell; a double click, F2 or simply typing opens it. Open Status for a list, Due for a date and Assignee for a searchable hub-select supplied by this page; Billable takes one click on its box. Hover an empty Due or Assignee cell to see its hint.
Formeln über Alias und über Koordinate
Change a quantity and the totals follow. Open a Total cell to see the formula, and the last row to see a column added up.
Die Zellen einer Spalte selbst zeichnen: Abzeichen und Aktionen
Pick a row and use the actions at the end. Copy the State column into a spreadsheet: what travels is paid, not the badge.
Eine Control-Bibliothek einmal verdrahten statt ein Template je Spalte
Queue and Severity have no editor of their own. Open one and it is the house select, with its search box.
Form des Blatts
Fixierte Zeilen und Spalten
Scroll sideways and down. The region column and the first row stay put, and the seam is drawn on the last frozen track.
Verbundene Blöcke
The Monday workshop spans two hours, and Wednesday's review spans three. Arrow into one, then try selecting only part of it. Select a rectangle and right-click to put it together, or right-click a block to take it apart.
Zehntausend Zeilen mal fünfzig Spalten, von denen das Dokument einen Bildschirm hält
10,000 rows and 52 columns. Scroll either way: the document holds a screenful at a time, and the first column stays put.
Ausfüllkästchen, und ein Ziehen in einem Schritt zurücknehmen
Select the two codes, then drag the corner square down. Undo with Ctrl+Z.
Spalten in der Breite ändern und umordnen
Drag the right edge of a header to widen it, or drag the header itself to move the column.
Zustand und Struktur
Speicherzustand je Zelle
Edit a price. Anything ending in 9 fails on purpose, so you can see the error state.
Zeilen und Spalten hinzufügen und entfernen
Add a column, remove it, add another: the alias never comes back.
Aliases handed out so far
description · col-1Validierung je Zelle mit Signal Forms
Hinaus nach Excel oder CSV — und zurück
Export it, open it in Excel, change a quantity, save it and bring it back.