treegrid

There are 1 repository under treegrid topic.

• fancytree

  mar10 / fancytree

  JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

  checkboxesdrag-and-dropfancytreejavascriptjquery-pluginpersistencetreetreegrid
  Language:JavaScript 2858

• tonytomov / jqGrid

  jQuery grid plugin

  bootstrapexport-excelfrozensetgridjavascriptjqgridjquery-grid-pluginjson-datapivot-gridpivot-tablessubgridtabletreegridxml-data
  Language:JavaScript 2851

• nhn / tui.grid

  🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!

  datagriddatatableexcelgridjavascriptpreactreactivityspreadsheettabular-datatoast-uitreegridtypescript
  Language:TypeScript 2436
• wunderbaum

  mar10 / wunderbaum

  A modern tree/treegrid control for the web

  javascripttreetreegridtreeviewtypescript
  Language:TypeScript 152

• Cocotteseb / Krypton-OutlookGrid

  Krypton customized version of the .NET Winforms DataGridView (C#) that allows multi-grouping and multi-sorting. Featuring a TreeGrid mode, conditional formatting and additional custom columns.

  datagridviewgridgroupingsortingtreegridwinforms
  Language:C# 150

• madmax983 / Lightning-Data-Grid

  A data grid for Lightning Component Framework

  datagriddatatableslighting-componentlightninglightning-design-systemlightning-experiencesalesforcetreegrid
  Language:JavaScript 25

• AngelLiang / flask-admin-tree-table-demo

  flask-admin 树状表格示例

  flaskflask-admintree-tabledemotreegridbootstrap3bootstrap
  Language:JavaScript 6

• jiereal / ElementUI_treeGrid

  ElementUI_treeGrid

  element-uitreegrid
  Language:Vue 5

• lidorsystems / integralui-web-treegrid

  IntegralUI Web - TreeGrid is a native Web Component that displays hierarchical data structures in multiple columns.

  angualr-treegridangularangular-tablecomponentdatagriddatatablehigh-performanceintegraluijavascriptjavascript-tablepaginationreactreact-tablereact-treegridtreegridvuevue-tablevue-treegridvuejsweb-component
  Language:JavaScript 3

• lidorsystems / integralui-web

  IntegralUI Web - Advanced UI Components for Angular, React and Vue

  uiwebjavascriptangularreactvueweb-componentintegraluivuejscomponentgridtreegridtreeview
  Language:JavaScript 2

• SyncfusionExamples / Create-a-Tree-Grid-in-Blazor-Server-application-in-10-Minutes

  A quick-start project that helps you create the Blazor TreeGrid of Syncfusion in a Blazor server application. This sample explains how to add columns and show parent-child flat data using the expand and collapse options. You can also learn how to add useful features to the TreeGrid: paging, sorting, and filtering.

  blazorblazor-treegridblazor-ui-componentstreegridcreateblazor-server-appsyncfusion-blazorgetting-started
  Language:HTML 2

• SyncfusionExamples / Different-Editing-Modes-in-Angular-Tree-Grid

  Learn how you can edit in Syncfusion Angular Tree Grid. This example explains the Tree Grid editing features like edit types, edit modes, and Command column.

  angulartreegridangularangularuicomponentstreegrideditingeditdata-editing
  Language:TypeScript 2

• SyncfusionExamples / Perform-CRUD-Operations-in-Angular-Tree-Grid-Using-Observables

  Learn how you can perform CRUD operations in the Angular Tree Grid with observable data. This example contains code to perform CRUD operations like insert, update, and delete in the Angular Tree Grid with observable data using the Angular in-memory web API module.

  angulartreegridangularangularuicomponentstreegridcruddataobservablesin-memory-web-api
  Language:TypeScript 2

• u1ui / tree1.el

  Treeview component

  fancytreetreegridtreeview
  Language:JavaScript 2

• SyncfusionExamples / exporting-react-treegrid-with-complete-customization

  A quick-start project that helps you to learn how to export TreeGrid records to PDF and Excel documents in a React application. It also contains a code to customize and export documents.

  custom-export-documentcustom-pdf-documentexcel-exportexportingpdf-exportreact-treegridtree-gridtreegridtreegrid-export
  Language:JavaScript 1

• SyncfusionExamples / How-to-Aggregate-Data-in-Angular-Tree-Grid

  Learn how you can show aggregates in the Syncfusion Angular Tree Grid control. In this example, you can learn how to show aggregated values using the built-in aggregate types in the Tree Grid footer and how to hide them in child rows. Also, you can learn how to format the aggregate value, add more columns in the aggregation row, add more aggregations for same column, and calculate the aggregate value with your own aggregate function.

  angularangularuicomponentsangularcomponenttreegridej2angulartreegridaggregationaggregatecustomaggregatecustom-aggregation-functionformat
  Language:TypeScript 1

• SyncfusionExamples / how-to-change-the-expander-icon-in-tree-grid

  This example explains about how to change the expander icon in TreeGrid(SfTreeGrid).

  wpftreegridiconexpandercustomization
  Language:C# 1

• SyncfusionExamples / How-to-Customize-the-Filter-UI-of-Angular-Tree-Grid

  Learn how you can customize the filter UI of the Syncfusion Angular Tree Grid control. This example explains how to add a custom component in the filter UI using a filter template. It also explains how the this works in the filter bar and advanced filter types like filter menu and Excel-like filter.

  angulartreegridangularangularuicomponentstreegridfilterfilteringfilter-ui-customizationfilter-templatefiltercustomization
  Language:TypeScript 1

• jackyleefu / datatable-demo

  React Data Table Demo Site

  datagriddatatabletreegridtreetable
  Language:HTML 0

• SyncfusionExamples / column-customization-in-blazor-treegrid

  A quick-start Blazor project that helps you to customize column headers and data in the Blazor TreeGrid component using template option.

  blazortreegridblazor-treegridcolumn-customization
  Language:HTML

• SyncfusionExamples / customize-toolbar-options-in-blazor-treegrid-using-templates

  A quick-start Blazor project that shows the way to customize toolbar options in the Blazor TreeGrid component using templates.

  blazorblazor-treegridtreegridtreegrid-template
  Language:HTML

• SyncfusionExamples / Customizing-Rows-and-Columns-in-Angular-Tree-Grid-Using-Templates

  Learn how you can customize rows and columns of Angular Tree Grid of Syncfusion using templates. In this example, you can learn how to customize tree grid rows using a row template, use functions within the template, and use the detailTemplate feature. Also, you can learn how to customize the tree grid columns using column template, render template based on condition and change default cell value using ValueAccessor.

  angularangulartreegridangularuicomponentscolumn-templateconditional-templaterow-templatetemplatetemplatestreegridvalueaccessor
  Language:TypeScript

• SyncfusionExamples / deep-dive-into-aggregates-in-blazor-treegrid

  A quick-start Blazor project that shows how to display aggregate values in the footer of Blazor TreeGrid component. This project also includes code snippet for built-in aggregate types, custom aggregates, a footer template, and applying formatting.

  blazorblazor-treegridtreegrid
  Language:HTML

• SyncfusionExamples / deep-dive-into-aggregates-in-the-react-treegrid

  A quick-start project that helps you to display aggregate values in the columns of the React TreeGrid component. It also has code to customize the footer aggregate and add custom aggregate functions.

  react-treegridtreegridtree-gridtree-grid-aggregateaggregatesfooter-aggregatefooter-templatecustom-aggregatesum-aggregatecount-aggregate
  Language:JavaScript

• SyncfusionExamples / export-blazor-treegrid-to-excel-with-complete-customization

  A quick-start Blazor project that depicts how to perform excel exporting in the Blazor TreeGrid component. This project also includes code snippet to customize the file name, theme, header, and footer of the exported excel document.

  blazorblazor-treegridtreegrid
  Language:HTML

• SyncfusionExamples / Exporting-Angular-Tree-Grid-with-Complete-Customization

  Learn how you can export the Syncfusion Angular Tree Grid control with complete customization. This sample explains how to export Angular Tree Grid to both PDF and Excel formats. Also, you will learn how to customize the documents before exporting them. The exporting customization includes customizing file names, adding headers and footers, and applying font-oriented customization to headers and records.

  angularangularuicomponentscustomizationexcelexportexportingfooterheaderpdftreegridtreegrid-components
  Language:TypeScript

• SyncfusionExamples / Exporting-Angular-Tree-Grid-with-Complete-Customization-Try-sample

  Use this sample to learn exporting in the Syncfusion Angular Tree Grid control with complete customization. In this example, we have added code for Tree Grid modules along with data. With this, you can quickly add code to follow the instructions provided in the following video link.

  angularangulartreegridangularuicomponentscustomizationexcelexportexportingfooterheaderpdftreegridtrysample
  Language:TypeScript

• SyncfusionExamples / filtering-options-in-blazor-treegrid

  A quick-start Blazor project that helps you to work with filtering options available in the Syncfusion Blazor TreeGrid component. This project also includes code snippet for hierarchy filter modes, filter operators, filter bar, filter menu, and Excel-like filter.

  blazorblazor-treegridtreegridblazor-tree
  Language:HTML

• SyncfusionExamples / How-to-load-data-on-demand-using-command-in-winui-treegrid

  This example describes how to load data on demand using command in winui treegrid

  winuiwinui-controlswinui-previewwinui-treegridtreegridon-demand
  Language:C#

• SyncfusionExamples / How-to-load-data-on-demand-using-events-in-winui-treegrid

  This examples describes how to load data on demand using events in winui treegrid.

  winuiwinui-controlswinui-previewtreegridwinui-treegridon-demand
  Language:C#

• SyncfusionExamples / How-to-load-data-on-demand-using-events-in-wpf-treegrid

  This example illustrates how to load data on demand using command in wpf treegrid

  treegridwpfwpf-applicationwpf-controlswpf-treegrid
  Language:C#

• SyncfusionExamples / How-to-load-images-in-a-cell-in-winui-treegrid

  This example describes how to load images in a cell in winui treegrid.

  winuiwinui-controlstreegridwinui-treegrid
  Language:C#

• SyncfusionExamples / How-to-search-and-select-the-record-in-winui-treegrid

  This example illustrates how to search and select the record in winui treegrid

  winuiwinui-controlstreegridwinui-treegrid
  Language:C#

• SyncfusionExamples / how-to-work-with-filtering-options-of-react-treegrid

  A quick-start project that helps you to work with filtering in the React Tree Grid component. This project contains codes to enable filters with their different modes and types in a tree grid. It also has code to filter a tree grid on initial loading.

  react-treegridtreegridfilteringfilter-typesoperatorsfilter-menuexcel-like-filtercheckbox-filtercheckboxcheckbox-filter-menu
  Language:JavaScript

• SyncfusionExamples / row-and-cell-customization-in-react-treegrid-using-templates

  A quick-start project that helps you to customize rows in a react tree grid using templates. This project also contains simple code to customize the styles of the rows and cells.

  react-treegridtreegridtree-gridtreegrid-rowstreegrid-cellsrow-templatedetail-templatecustomize-rowscustomize-cellsrow-eventcell-event
  Language:JavaScript

• vaadin-component-factory / vcf-treegrid-pro

  Vaadin Extension that provides GridPro functionalities to TreeGrid

  addongridprotreegridvaadin
  Language:Java