GitHubGet started
v1.2.0

Rounded corners

The table and the Filter Drawer have the rounded corners of Material 3: 12 px for the table, 16 px for the drawer.

Open details split the table into cards, and each card rounds its corners at the spaces between them.

Only user manual clicks work on Native browser elements
Loading
Items per page:
0 of 0
Clear
Square corners

A radius of 0 keeps the corners square:

Only user manual clicks work on Native browser elements
Loading
Items per page:
0 of 0
Clear

Set the CSS variables on the table itself, the element ‹table-bro› or tableId of the wrapper, and on the container of its Filter Drawer, without a new build of the skin:

#orders,
table-bro-filter-drawer-container,
table-bro-filter-drawer-container-ng {
  --bro-corner-radius: 0;
  --bro-filter-drawer-corner-radius: 0;
}

Or build the skin from its SCSS sources with square corners for all its tables:

// The skin of the project: "table-bro.material", "table-bro.bootstrap" or "table-bro.native"
@use "table-bro.material" with ($bro-corner-radius: 0, $bro-filter-drawer-corner-radius: 0);
DJ