With 0.8.10, Clarity has introduced new icons such as network-globe, network-switch, flow-chart, chat-bubble, etc.
Our Datagrid styles changed from a table layout to a flexbox one, without any changes required for existing integrations. If you were reaching deep into the internal datagrid template to customize its styles (which we do not recommend), you are at risk of these customizations not working anymore.
These new styles will allow us to implement new advanced features for Datagrid, especially animated ones. Watch out for expandable rows, they are coming in very soon! In the meantime, these new styles already allow two very useful additional features out-of-the-box:
Datagrids can now scroll easily if you set their height. The header and footer stay fixed, only the body
containing the rows scrolls. It's as simple as setting the height of the <clr-datagrid>
element to a specific value, or making it 100% to fill its container:
<div id="my-container">
<clr-datagrid>...</clr-datagrid>
</div>
#my-container clr-datagrid {
height: 100%;
}
xs
and sm
breakpoints.
DatagridActionOverflow
.
clrWizardOpen
to the wizard documentation.