Table header display error in Base plugin

Steps to reproduce

  1. create a base file
  2. drag bases-table-header-resizer in the bases-table-header

Did you follow the troubleshooting guide? [Y/N]

Y

Expected result

the table header shouldn’t be shortened

Actual result

the table header is shortened

Environment

SYSTEM INFO:
	Obsidian version: v1.10.0
	Installer version: v1.9.10
	Operating system: Darwin Kernel Version 25.0.0: Wed Sep 17 21:41:23 PDT 2025; root:xnu-12377.1.9~141/RELEASE_ARM64_T8122 25.0.0
	Login status: logged in
	Language: en
	Catalyst license: insider
	Insider build toggle: on
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 0
	Restricted mode: on

RECOMMENDATIONS:
	none


Additional information

1 Like

I’ve trying to add a background to a base table header, as whole, whether it’s tied to a field/column or not for the past few days but nothing seems to specifically target that spot, except for .bases-view :sweat_smile:

And the issue with that is that .bases-view applies to the whole table and I couldn’t find a way to use .base-view and “split it” between .bases-thead and .bases-table-container and/or .bases-tbody (so I could possibly have 2 different backgrounds in the table)…

At least, not without going into circle as I was trying to get a fully transparent .bases-tbody (as the base is embedded in a callout) but a somewhat colored .bases-thead (which stops at the last field available in the base)…

And when targeting .bases-tr that specific space of “nothing” in the table’s header isn’t picked up to its fullest, like it does for the rest of the table underneath :woman_shrugging:

Example:

.callout[data-callout="note"] {
  .bases-embed[alt="Untitled.base > Backlinks"] {
    .bases-tr {
      background: rgba(175,0,0,0.4);
    }
  }
}

Result:

Same goes when using --bases-table-header-background :blush:
It doesn’t cover the whole header row :woman_shrugging:

Example:

.callout[data-callout="note"] {
  .bases-embed[alt="Untitled.base > Backlinks"] {
    --bases-table-header-background: rgba(175,0,0,0.4);
  }
}

Result:

I know I’m no CSS magician :sweat_smile: and my CSS is rusty, to say the least :see_no_evil_monkey: … and I definitively could have missed something but this has been a very perplexing “issue” over the week-end :laughing: .
I did try a lot of things based on what I could find in the dev tools :innocent: but nothing seemed to work to get a background applied on the whole table header row :woman_shrugging:

Hello. This is not a bug. It’s intentional.

Ah well, at least now I know I can stop looking and try to color that spot in the header :laughing: .
(Although, a possible workaround, I guess, could be to add an empty column at the end of the base :innocent: )

Thank you WhiteNoise :blush: !

Thanks for getting back to me!

Just in case my explanation wasn’t clear, I made a quick GIF to show what I mean.

As you can see in the GIF, after I drag the bases-table-header-resizer, the total width of the table header no longer spans the entire width of the table.

So, I just want to double-check, is this layout behavior by design/intentional?

Untitled design


The CSS code used in the GIF is below:

.bases-thead {
  height: 100px;
}

.bases-tbody {
  background-color: red;
}