BU01 Basic Grid

Display tabular data with columns, formatting, and styling

Live Demo

Striped rows, row numbers, formatted salary, and high-value highlighting.

Code
Complete Example 
 
 
Key Features
 
Required Properties
 
columns - Array of column definitions
 
items - Array of data objects
 
Column Definition
 
  • field - Property name in data
    •  
  • title - Header text
    •  
  • width - Fixed width
    •  
  • align - left, center, right
 
Display Options
 
striped - Alternate row colors
 
hoverable - Highlight on hover
 
showRowNumbers - Show row index
 
Formatting & Styling
 
formatCallback - Transform display values
 
cellClassCallback - Dynamic CSS classes
 
customStylesCallback - Inject CSS