Datagrid

Datagrid controls

Most datagrid controls have specified position. On the left its filtering first, starting with general search, if present.
On the right side (from the right) it’s action buttons (if present, but most likely not), items per page settings (again, if present) and then items count.
This structure is mandatory in order for responsivitiy and correct margins:

<divclass="grid-controls"><!-- One or two of these - first is left side, second is right side --><divclass="controls-block"><!-- One of these for each controls group - filter, buttons, etc.. --><divclass="controls-group"><!-- Control markup --></div></div></div>