Skip to main content

Props Reference

UniversalTable props

PropTypeDefaultDescription
dataarrayrequiredArray of data objects to display
headersarrayrequiredArray of header configuration objects
namestring-Table title
loadingboolfalseShows loading state
setLoadingfunc-Function to control loading state
selectRowsboolfalseEnable row selection
selectIDstring-Property to use as unique identifier for selection
onSelectionfunc-Callback when rows are selected
subTableboolfalseWhether this is a nested sub-table
hideBadgeboolfalseHide badges on expandable rows
reloadBtnLoadingboolfalseLoading state for reload button
lazyloadingboolfalseEnable lazy loading indicator
currentPagenumber-Current page for lazy loading
totalPagesnumber-Total pages for lazy loading
selectIconelement-Custom icon for selection action

Header object fields

PropertyTypeDescription
idstringRequired - Column identifier (matches data property)
labelstringRequired - Display label for column
searchableboolWhether this column is searchable
numericboolRight-align column for numeric data
dateboolFormat as date/time
componentfuncCustom render function (rowData) => ReactElement
cellPropsobjectAdditional props for table cells
subRowboolColumn contains expandable sub-table data
iconColorstringColor for expand/collapse icons
openIconelementCustom icon for expanding
closeIconelementCustom icon for collapsing