---
title: "Sort"
slug: "sorting"
category: "Mini Widgets"
hosts: "ninox"
---

# Sort

## AI Defaults (read first)

- **Function name**: `arcCustomSorting`.
- **uniqueId**: Required, e.g. `"sort-" + Nr`.
- **recordId**: Required, use raw `Nr`.
- **field**: Required, the field storing the current sort value.
- **items**: Array of sort options with `title` and `value`.

# Sort

![](https://framerusercontent.com/images/dOkxeX2Wt2QzZSAnYgYHLiUL5EY.png)

Um deine Daten easy per One-Klick zu sortieren, hilft dir das Sort-Mini-Widget. Dieses Mini Widget ist aktuell einsetzbar in der [Custom Table](/documentation/custom-table). Hier kannst du das Mini-Widget Sort als ***value*** einbinden.

## Gesamter Anwendungscode


```javascript
arcCustomSort({
            uniqueId: Nr,
            editable: true,
            recordId: current.Nr,
            fieldId: "H9", // Hier trägst du die Field Id von dem Feld ein, dass du triggerst.
            value: Position,
            valuePrefix: number(Nr) + ",",
            size: "",
            color: "",
            showIconsAlways: true,
            iconStart: "", // Fallback: "caret-up" | Hier fügst du das Custom Icon deiner Wahl ein.
            iconEnd: "",  // Fallback: "caret-down" | Hier fügst du das Custom Icon deiner Wahl ein.
        })
```

***editable*** definiert, ob du in das Input-Feld etwas eingeben kannst oder nicht.


```javascript
editable: true,
editable: false,
editable: "", // Fallback: true
```

***value*** ist der Wert, der als Grundlage für das ***iconStart*** und ***iconEnd*** getriggert wird.


```javascript
value: Position, // Hier sprichst du ein Ninox-Feld, wie beispielsweise ein Position-Zahlenfeld, an.
value: "", // Kein Fallback-Wert
```

***showIconAlways*** definiert die Sichtbarkeit deiner Icons, die bei der Sortierung angezeigt werden.


```javascript
showIconsAlways: true, // Icons werden immer angezeigt.
showIconsAlways: false, // Icons werden nur beim Hovern mit der Maus 🐭 angezeigt.
showIconsAlways: "", // Fallback: false
```

***valuePrefix*** ist für komplexe Eingaben mit Ninox-Hilfsfeldern gedacht. Ein Beispiel findest du in dem [Ninox-Webinar](https://youtu.be/knbcKbWVEUQ?si=I5GRrp3-QpeQrlVn&t=2395).


```javascript
valuePrefix: number(Nr) + ",",
```