Pillar UI React Table Component documentation

The Table component is a UI component used to display tabular data in a structured format. It provides options for customizing the appearance and behavior of the table.

Components:

Table TableRow TableColumn

Type

Components

import

import { Pillar UI React Table Component } from '@pillar-ui/core'

Props

The following are the props that can be used with the Table component:

data

The data prop is used to provide the table data in an array format. Each element in the array represents a row in the table, and the properties of each element represent the columns.

Example:

Use Case

The Table component can be used to display tabular data in various applications such as data grids, reports, or dashboards. It provides a structured and organized way to present data to users.

Troubleshooting

If you encounter any issues with the Table component, make sure that you have correctly passed the props and values. If you are still having issues, check the console for any error messages.

Conclusion

The Table component is a versatile UI component for displaying tabular data. It provides options for customization and supports common features like sorting, striping, compactness, and borders. The Table component helps in presenting data in a structured and organized manner, enhancing the user experience.