question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug] Column headers width is wrong if responsive table is disabled

See original GitHub issue

Bug report

What I did

Disabled responsive table with CRUD::disableResponsiveTable();

What I expected to happen

Header column widths to be aligned with content column widths

What happened

Header column widths are wrong. Footer column widths are ok though.

Screenshot 2022-07-01 at 10 32 49

What I’ve already tried to fix it

Everything mentioned in #3138 (similar issue). But nothing works obviously, as this is supposed to be fixed in new version.

Is it a bug in the latest version of Backpack?

After I run composer update backpack/crud the bug is still present (using newest version)

Backpack, Laravel, PHP, DB version

When I run php artisan backpack:version the output is:

PHP VERSION:

PHP 8.0.19 (cli) (built: May 12 2022 08:50:19) ( NTS ) Copyright © The PHP Group Zend Engine v4.0.19, Copyright © Zend Technologies with Zend OPcache v8.0.19, Copyright ©, by Zend Technologies

LARAVEL VERSION:

v9.17.0@091e287678ac723c591509ca6374e4ded4a99b1c

BACKPACK VERSION:

5.1.0@9e1de794137ceb1ade1fa35e3b9366f97285efb3

BACKPACK PRO VERSION:

1.1.1

Any suggestion, workaround or fix is welcome, as we’re closing in on deadline. Thank you in advance

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
pxpmcommented, Jul 1, 2022

thanks for confirming @invibe-sk , I’ve also confirmed something is wrong. I will let @promatik have a look since he’s the one who did the changes.

@promatik there is a comment at the end of https://github.com/Laravel-Backpack/CRUD/pull/4289 describing this.

@promatik from my perspective the first columns seem to be “quasi” aligned but then the column header start going more and more to the right. image

This is from: https://demo.backpackforlaravel.com/admin/fluent-monster Cheers

0reactions
promatikcommented, Jul 3, 2022

Guys, great news, after hours of trial and error, I found the issue 👌 https://github.com/Laravel-Backpack/CRUD/pull/4490 is open with the fix, let’s move the conversation there.

Read more comments on GitHub >

github_iconTop Results From Across the Web

datatable jquery - table header width not aligned with body width
But when I click on the header, it is getting aligned with the body width but even then there is some light misalignment....
Read more >
Changing the width using "columnDefs" OR "columns"
I want the table to be responsive to the browser; I tried implementing the responsive plugin (https://datatables.net/extensions/responsive/) but ...
Read more >
Table Layout - Tabulator
If you have defined the max column width globally using the columnDefaults option, then you can disable it on a per column basis...
Read more >
Table plugin | Docs - TinyMCE
This dialog allows users to set various parameters such as the number of columns and rows, width, height, cell spacing and padding, border...
Read more >
Column Sizing - Angular Data Grid
This is helpful if, for example, you want the first column to remain fixed width, but all other columns to fill the width...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found