리얼그리드 문서
RealGrid
Document
🧐 FAQ🧐 FAQ🎉 Recent Updates🎉 Recent Updates
  • Getting started with RealGrid2
    • Introduction to RealGrid2
    • How to register product
    • How to issue a license for development
    • Grid Quick Start
    • Column and Field Setup
    • Fill in and Retrieve Data
    • Manipulating the Grid
    • Editing the Grid
    • Changing the Grid Style
    • Grid Editor
    • Callback Function
    • Recommended Grid Settings
    • Web Accessibility Restrictions
    • Column properties and events
      • Download sample
      • Install
      • Apply license and create grid
      • Create grid column
      • Fill grid data
      • Set options
      • Set data type and editor
      • Apply grid renderer
      • Configure grid in the traditional JS way
      • Apply grid events
      • Apply styles
      • Column layout
      • Applying a custom renderer in React
      • Download sample
      • Install
      • Apply license and create grid
      • Create grid column
      • Fill grid data
      • Set options
      • Set data type and editor
      • Apply grid renderer
      • Configure grid in the traditional JS way
      • Apply grid events
      • Apply styles
      • Column layout
      • License settings
      • Default settings
      • Locale settings
      • Indicator
      • Status Bar
      • Check Bar
      • Link checkbar to data field
      • Context Menu
      • Toast message window
      • Cursor
      • Fixed Columns
      • Fixed rows
      • selecting
      • Multi selection
      • blankCell
      • cell button
      • popup menu
      • cell merging
      • lookup column
      • tooltip
      • lookup tree
      • changing screen display values
      • groupheader tooltip
      • place Holder
      • Create column
      • Dynamically changing column properties{visible, editable}
      • Automatically adjust column width
      • Data Sorting
      • Moving column
      • Automatic filtering
      • Data Filtering
      • Column layout (column grouping)
      • Dynamically change column layout (column grouping) properties
      • Resizing column width
      • Collapse group column
      • Merge cells horizontally
      • Add and remove layouts
      • Literal Column
      • Column Filter Panel
      • Line editor
      • Multiline editor
      • Number Editor
      • Dropdown Editor
      • Dropdown MultiSelect
      • Date Editor
      • Mask Editor
      • Input limit editor
      • List Dynamic Editor
      • Header height
      • Header checkbox
      • Column footer
      • Merge column footers
      • Column Footer HTML Template
      • Show top summary
      • Column header HTML Template
      • Column layout (group column) header HTML Template
      • Totals and subtotals
      • row height
      • row grouping
      • grouping API
      • merged row grouping
      • itemModel API
      • grid dynamic height
      • Import JSON data
      • Import XML data
      • Lazy Loading Example
      • Master Detail Example
      • Provider Sharing
      • Data Type
      • Boolean type field
      • Date type field
      • Object type field
      • Subtypes
      • Rollback
      • Search
      • Calculated field
      • Paging in Grid1
      • Paging in Grid2
      • Paging in Grid3
      • Row Drag & Drop
      • Grid To Grid
      • Grid To Div
      • Text Renderer
      • Check Renderer
      • Multicheck renderer
      • Bar Renderer
      • Image renderer
      • Icon Renderer
      • Shape renderer
      • Signal Renderer
      • Link Renderer
      • Actual / Target Renderer
      • HTML Renderer
      • Barcode Renderer
      • Custom Renderer Image Buttons
      • Real chart integration
      • class Custom Renderer
      • series column
      • spark column
      • row status
      • Undo / Redo
      • Copy / Paste
      • Batch edit merge cells
      • RealGrid2 styles
      • User styles
      • Body area styles
      • Header, footer, status bar styles
      • Cell, data area styles
      • Edit area styles
      • styleName property and callback
      • Column dynamic style
      • Row dynamic style
      • Cell dynamic style
      • RealGrid2 theme
      • Focus Style
      • Apply cell style
      • Excel Export
      • Export row grouped grid
      • Export grid consisting of multiple layouts
      • Mulgrid Excel export
      • Adding a title to an Excel document
      • Excel Style
      • Export image to Excel
      • Export shape to Excel
      • Custom character output
      • Excel sheet protection
      • Export Excel Memo 🆕
      • Load large data
      • tree view
      • Tree - Array Data
      • Tree - Object Data
      • Tree - Xml Data
      • Manipulating tree nodes
      • Tree icon1
      • Tree icon2
      • Tree Template
      • Tree event
      • Tree Lazy Loading
      • Tree node information
      • Tree node move
      • Tree node move
      • Custom Column Validation
      • Custom Row validation
      • Full validation
      • Validation passed
      • Personal 🆕
      • Order of event occurrence
      • Click event
      • Rendering completion event
      • Scroll sync
      • Add/insert row
      • Delete row
      • Modify row data
      • Get row/cell data
      • Modify cell data
      • Selecting real chart linked column
      • Real chart linked column filtering
      • Selecting rows linked to real chart
      • Recommended settings
      • Batch creation of fields and columns
      • SPAN (column group)
      • Control editing of specific columns based on row status
      • Check by linking child nodes in CheckBar
      • Excel Import
      • Merge Callback
      • Manipulating Group Footer visibility
      • Tips related to checkbar
      • Tips related to the status bar
      • Change dynamic editor
      • text type date editor
      • ColorPicker connection
      • File Drag and Drop
      • Move text to top in cell merge
      • Calculate the sum of merged cells
      • Display multiple lines in HEADER and FOOTER
      • Tips related to deleting rows
    • Installing Pivot
    • Pivot & Grid
    • Pivot sorting
    • Pivot filtering
    • Pivot date type
    • Pivot tooltip
    • Pivot context menu
    • Pivot eigenvalues
    • Pivot number format
    • Pivot focus
    • Pivot regions
    • Pivot realchart
    • Pivot data details
    • Pivot dynamic style
    • Check pivot cell value
    • Get pivot information
    • Pivot Excel Export
    • pivot setup position
    • RealGrid Package
      • DataProviderBase
      • GridBase
      • GridView
      • LocalDataProvider
      • LocalTreeDataProvider
      • RealGrid
      • TreeView
      • CustomCellRendererImpl
      • ActualTargetBulletRenderer
      • ActualTargetTextRenderer
      • BarCellRenderer
      • BTDateCellEditor
      • ButtonCellRenderer
      • CellEditor
      • CellIndex
      • CellLayoutColumnItem
      • CellLayoutGroupHeader
      • CellLayoutGroupItem
      • CellLayoutHeader
      • CellLayoutItem
      • CellProtectProperties
      • CellRenderer
      • CheckBar
      • CheckCellRenderer
      • ClickData
      • Code39CellRenderer
      • Code128CellRenderer
      • ColumnFilter
      • ColumnFilterCollection
      • ColumnFooter
      • ColumnFooterCollection
      • ColumnHeader
      • ColumnHeaderSummary
      • ColumnHeaderSummaryCollection
      • ColumnLayoutInfo
      • ColumnObject
      • ColumnStyleObject
      • ColumnSummary
      • ColumnSummaryStyleObject
      • CopyOptions
      • CustomCellRenderer
      • DataCell
      • DataColumn
      • DataDropOptions
      • DataExportOptions
      • DataField
      • DataFieldObject
      • DataFillOptions
      • DataFilter
      • DataOptions
      • DataOutputOptions
      • DateCellEditor
      • DateHoliday
      • DayHoliday
      • DisplayOptions
      • DocumentTitle
      • DropDownCellEditor
      • EditingItemInfo
      • EditMaskObject
      • EditOptions
      • EditorOptions
      • EditResult
      • EditValidation
      • EditValidationCollection
      • ExportBaseOptions
      • ExportCoreProperties
      • ExportOptions
      • FieldMap
      • FilterAutomatingOptions
      • FilterCategory
      • FilteringOptions
      • FilterPanel
      • FilterSelectorOptions
      • FixedOptions
      • FormatOptions
      • GridCell
      • GridColumn
      • GridExportOptions
      • GridFooter
      • GridFooterCollection
      • GridHeader
      • GridItem
      • GridOptions
      • GroupingOptions
      • GroupItem
      • GroupLayoutInfo
      • GroupPanel
      • GroupSummary
      • HeaderSummary
      • HeaderSummaryCollection
      • HeaderTemplateEvent
      • IconCellRenderer
      • ImageCellRenderer
      • InvalidCell
      • LineCellEditor
      • LinkCellRenderer
      • LiteralColumn
      • LookupDataKeyValues
      • LookupDataRows
      • LookupSource
      • MenuItem
      • MobileOptions
      • MultiCheckCellEditor
      • MultiCheckCellRenderer
      • MultiLineCellEditor
      • NumberCellEditor
      • NumberFormatOptions
      • PasswordCellEditor
      • PasteOptions
      • PopupMenu
      • PopupMenuBase
      • PopupMenuItem
      • RealGridLocale
      • RealGridMessages
      • Rectangle
      • RendererEditResult
      • RowGroup
      • RowGroupFooter
      • RowGroupFooterCollection
      • RowIndicator
      • RowStateList
      • RowStyleObject
      • SearchCellEditor
      • SearchCellOptions
      • SearchCellResult
      • SearchOptions
      • Selection
      • SeriesColumn
      • SeriesTextCellRenderer
      • ShapeCellRenderer
      • SheetProtectProperties
      • SignalBarCellRenderer
      • SortingOptions
      • SparkChartRenderer
      • SparkColumnRenderer
      • SparkLineRenderer
      • SparkWinLossRenderer
      • StateBar
      • StateTexts
      • StyledCell
      • SummaryTemplateEvent
      • TemplateCellRenderer
      • TemplateEvent
      • TextCellEditor
      • TextCellRenderer
      • ToastOptions
      • TooltipOptions
      • TreeOptions
      • TreeTemplateEvent
      • TreeTemplateOptions
      • UpdatedCell
      • UpdatedRow
      • UserExportCell
      • ValidationError
      • ValueCell
      • ValueColumn
      • ViewOptions
      • WaiOptions
      • Cellmemo
      • Exportmemo
    • Is it necessary to migrate to Real Grid 2?
    • Is it possible to dynamically change RealGrid's theme (style)?
    • When using drag and drop between grids, can it be processed only in one direction rather than in both directions?
    • How do I do Excel Import?
    • Transitioning from RealGrid+ to RealGridJS
    • Transitioning from RealGridJS to RealGrid2
    • RealGrid2 Basic with JAVA Spring & MyBatis & MARIADB
    • Main issues for version
    • Releases

On This Page

  • Download Sample Example
(opens in a new tab)
RealGrid2 Tutorial
React Component Tutorial
Download sample

Download Sample Example

You can download a simple sample example through the following link.
Download Sample (opens in a new tab)

npm install
 
npm run dev

You can run the sample example as above.

Column properties and eventsInstall
리얼그리드 문서
RealGrid
Document
(우) 13461 경기도 성남시 분당구 운중로 135 더원스퀘어 304호
전화: 0505-325-8080
이메일: support@realgrid.com
빠른 이동
튜토리얼다운로드기술지원 문의
제품
RealGridRealGrid-PivotRealGrid-TouchRealReportRealChart
구매
제품 가격구매 문의비즈니스 문의
© 2000-2023 wooritech inc. All rights reserved.
블로그