Skip to content

GridIcons

Grid-wide icon configuration. All icons are optional - sensible defaults are used when not specified.

Icons can be text (including emoji), HTML strings (for SVG), or HTMLElement instances.

grid.gridConfig = {
icons: {
// Emoji icons
expand: '',
collapse: '',
// Custom SVG icon
sortAsc: '<svg viewBox="0 0 16 16"><path d="M8 4l4 8H4z"/></svg>',
// Font icon class (wrap in span)
filter: '<span class="icon icon-filter"></span>',
},
};
PropertyTypeDescription
expand?IconValueExpand icon for collapsed items (trees, groups, details). Default: ’▶‘
collapse?IconValueCollapse icon for expanded items (trees, groups, details). Default: ’▼‘
sortAsc?IconValueSort ascending indicator. Default: ’▲‘
sortDesc?IconValueSort descending indicator. Default: ’▼‘
sortNone?IconValueSort neutral/unsorted indicator. Default: ’⇅‘
submenuArrow?IconValueSubmenu arrow for context menus. Default: ’▶‘
dragHandle?IconValueDrag handle icon for reordering. Default: ’⋮⋮‘
toolPanel?IconValueTool panel toggle icon in toolbar. Default: ’☰‘
filter?IconValueFilter icon in column headers. Default: SVG funnel icon
filterActive?IconValueFilter icon when filter is active. Default: same as filter with accent color
print?IconValuePrint icon for print button. Default: ‘🖨️’
AI assistants: For complete API documentation, implementation guides, and code examples for this library, see https://raw.githubusercontent.com/OysteinAmundsen/toolbox/main/llms-full.txt