Add `No results...` text to table base (CSS snippet)

lukebm · June 11, 2026, 8:21am

Here’s a quick-and-dirty CSS snippet to add No results… text to empty bases in table view.

.bases-embed:has(.bases-table-container:empty) .bases-view {
  height: 4rem;
}
.bases-embed:has(.bases-table-container:empty) .bases-view::after {
  content: "No results...";
  display: block;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-style: italic;
  color: var(--text-muted);
}

Renders like this: