Backoffice - Product page columns in Chrome [SOLVED]

[ale.pixel]

Hello everyone!

I have noticed this weird thing while browsing the Catalogue -> Products page in the PrestaShop backoffice. As you can see from the screenshot below, in Chrome the "Id" column is unnecessarily wide according to its content and it's stealing space to the others (especially the "Name" one in smaller screens). This doesn't happen in Firefox, where everything is better paginated.

Anyone knows how to fix this?

Edited August 11, 2021 by alex.kidd
Problem solved (see edit history)

[Mikeey]

Never reflected about that earlier, Firefox and Safari is showing the same.
It's the browser that interprets the css (width settings) in different ways.

You can try to change in:
/src/PrestaShopBundle/Resources/views/Admin/Product/CatalogPage/Lists/products_table.html.twig
Row 40-41 is the 2 first columns.. Maybe set a max-width in these 2 columns instead..

Don't forget to back it up before
and also clear the cache after changes has been made in folder var/cache/prod | /dev

[raicap]

Hi I have the same problem and it occurs both on chrome and on microsoft edge. I changed the data in width but nothing is changed. have you tried?

 

[Mikeey]

Yes I have tried with success. 

Try to set width:50px!important; and see if you get any result.

also, don’t forget to empty the cache folder..

[ale.pixel]

Hello, sorry for the late reply!

I have tried as you suggested, by changing the value of the rows 40 and 41 with this values:

<th scope="col" style="max-width: 2rem;"></th>
<th scope="col" style="max-width: 5rem;">

It works like a charm now!

Many thanks!