Svelte UI

Query

A filter bar over any dataset (anything implementing the DataSet contract — here a createGrid). Type $ for column autocomplete (enum columns suggest their values too), build conditions with operators, combine with && || ! ( ), and press Enter to apply. The ? button opens the full syntax reference.

43 matches no filter — showing all
  • Ada Lovelace user 21 10.0.0.1 ada1@example.com
  • Linus Torvalds admin 28 10.1.11.38 linus2@example.com
  • Grace Hopper ops 35 10.2.22.75 grace3@example.com
  • Alan Turing user 42 10.3.33.112 alan4@example.com
  • Margaret Hamilton admin 49 10.4.44.149 margaret5@example.com
  • Dennis Ritchie ops 56 10.5.55.186 dennis6@example.com
  • Barbara Liskov user 23 10.6.66.223 barbara7@example.com
  • Ada Lovelace admin 30 10.7.77.4 ada8@example.com

Variants

Query forwards variant / size / borderless to its filter Input.

Sizes

Try:
$role == admin $role |= [admin, ops] $age >= 40 $age |= [30..50) $email ~= /torvalds/ $name ^= Ada $ip|inet |= [10.0.0.0|inet..10.3.255.255|inet] grace || $role == ops