Version
Ring UI
Getting StartedContributingChangelog
AlertAuth DialogAvatarBadgeButtonButton GroupButton SetButton ToolbarCheckboxCodeConfirmContent LayoutContentEditableData ListDate PickerDialogDropdownError BubbleError MessageFooterGridGroupHeaderHeadingIconInputIslandLinkListLoaderLoader InlineLoader ScreenMarkdownMessageOld Browsers MessagePagerPanelPopupPopup MenuProgress BarQuery AssistRadioSelectTabTrapTableTabsTagTags InputTags ListTextToggleTooltipUser AgreementUser Card
Analytics NgAuth NgAutofocus NgAvatar Editor NgAvatar NgBadge NgBreadcrumb NgButton Group NgButton NgButton Set NgButton Toolbar NgCheckbox NgCompiler NgConfirm NgDataList NgDialog NgDocked Panel NgError Message NgError Page NgFooter NgForm NgGroup NgIcon NgInput NgIsland NgLink NgLoader Inline NgLoader NgLoader Screen NgPager NgPanel NgPermissions NgPlace Under NgProgress Bar NgPromised Click NgQuery Assist NgRadio NgSave Field NgSelect NgShortcuts Ng Hint PopupSidebar NgTable Legacy NgTable NgTabs NgTags Input NgTemplate NgTitle NgToggle NgTooltip NgUser Card Ng
Alert ServiceAuth Dialog ServiceConfirm Service
FormInput SizesIsland LegacyPalette
AnalyticsAuthCaretDOMHTTPStorage
Copyright © 2013–2025 JetBrains
License agreement

Data List

A component for rendering interactive hierarchical tables.

Data List

Example
<div id="data-list"></div>
body {
  margin: 0;
  padding: 0;
}
import '@jetbrains/ring-ui/components/data-list/data-list.examples.js';

Data List with collapsible items

Example
<div id="data-list"></div>
body {
  margin: 0;
  padding: 0;
}
import '@jetbrains/ring-ui/components/data-list/data-list.examples2.js';