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.

Take control of the cursor, clicking on the button or the table
Filters
Orders
Loading
5
0 of 0
Square corners

A radius of 0 keeps the corners square:

Take control of the cursor, clicking on the button or the table
Filters
Orders
Loading
5
0 of 0

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