Changing row color based on the data

[RezaRafli42]

Package

Table builder

Package Version

v.3.2

How can we help you?

hello, i have a problem when changing row color in my admin panel, i have following the documentation about recordClasses and add directory in tailwind.config.js but it still didnt work. style only work when i use "border-2" and "bg-gray-100", other style totally not working. can someone help me?

tahankyou!

this is my table code :

return $table
->query(
OfficeWarehouse::query()
->withSum('officeWarehouseStocks', 'quantity')
)
->recordClasses(fn(Model $record) => match ($record->item->name) {
'Engine' => 'bg-red-500 border-2',
default => null,
})
->columns([
Tables\Columns\TextColumn::make('item.name')
->label('Item Name')
->searchable()
->sortable(),
Tables\Columns\TextColumn::make('office_warehouse_stocks_sum_quantity')
->label('Total Quantity')
->sortable(),
Tables\Columns\TextColumn::make('minimum_quantity')
->label('Minimum Quantity')
->sortable(),
])

[leandrocfe]

Is it a Resource or Custom Page? Are you sure that your content configuration in tailwind.config.js is scanning for this directory/class?
Did you run npm run dev?

[RezaRafli42]

1. it is a resource page
2. i just follow the documentation to add directory in content tailwind.config.js. i thought that supposed to scan that directory
3. yes after everything change, i run npm run build and npm run dev
   what did i miss?

[RezaRafli42]

->recordClasses(fn(Model $record) => match ($record->item->name) {
'Engine' => 'border-2 bg-red-500',
default => null,
})

this is the example of the result, rowh with item name "Engine" should have background color red, but only border applied