Table of cars

Users can access the cars table by clicking the Cars item in the main navigation bar. This section displays all registered vehicles and provides tools for searching, filtering, and managing the data.

1. Action Bar

The action bar is located at the top of the screen and allows the user to manage the displayed data.

It contains the following actions:

• Add car — allows adding a new car to the database

For more information regarding adding a new car, please refer to the Add car section.

• Search — allows searching for a car using keywords (brand and model.)

Make sure you are entering the correct make (and model) name without spelling mistakes.

• Filter — opens a modal dialog that allows filtering data based on multiple criteria: Make, Model, Year range, Status, Date range, and Price range

It is not necessary to fill out the entire filter form. You may fill in only the fields that you need. For example, if you want to filter cars by maximum price, you only need to enter a value in the Max Price field.

• Sort — allows sorting results by newest or oldest
• Changing the table styling — you can change the table's appearance at any time by clicking on or .

The purpose of this bar is to facilitate navigation within large datasets.

2. Cars Table

2.1 When no cars have been added

Don't worry if you see:

This simply means that no cars have been registered yet.

To add a new car, you can follow the steps shown on the "Add new car" page.

You will get the same outcome when entering an invalid search term or when applying filters that don't match any existing cars.

2.2 When at least one car has been added

If one or more entries exist, they are displayed as table rows.

Each car in the table includes the following information:

• Make: The car brand
• Model: The car model
• Year: The production year
• Status: Current processing status

Status	Color	Meaning
Inspected	Green	The car has been inspected
Loading	Orange	Processing is still ongoing
Sold	Gray	The car has been sold

• Date: The date associated with the status
• Price: Displayed selling price

With the style, the number of columns depends on your device's screen size. The same information is shown, but there are more columns on a laptop than on a phone for better responsiveness.

In the cars table, for each car we have two additionnel buttons:

• preview the car report: You can view the car report preview by clicking when using the car table layout, or by clicking View details when using the car table layout.
For more information about the car report preview, please refer to the Car Preview section.

• Edit or delete the car report: to edit or delete the car report, click to modify or remove the car information.

2.3 Pagination Area

The pagination controls are located at the bottom of the table and are used to navigate through data when the dataset exceeds the visible page capacity.

This area displays:

• The number of rows per page (example: Rows per page: 12)
• The currently displayed range (example: 1–12 of 1240)
• Navigation controls (next / previous)

This is useful when working with large datasets.