HTML snippet for render groups in a responsive table

mgt-showgroups.html

<mgt-get resource="/groups" version="v1.0" scopes="group.read" max-pages="2">
	<template>
		<div class="get-wrapper">
			<div class="table">
				<div class="row header">
					<div class="cell">
						Name
					</div>
					<div class="cell">
						Email
					</div>
					<div class="cell">
						Privacy
					</div>
					<div class="cell" style="text-align:right">
						Created On
					</div>
				</div>
				<div class="row" data-for="grp in value">
					<div class="cell" data-title="Name">
						{{grp.displayName}}
					</div>
					<div class="cell" data-title="Email">
						{{grp.mail}}
					</div>
					<div class="cell" data-title="Privacy">
						{{grp.visibility}}
					</div>
					<div class="cell" data-title="CreatedOn" style="text-align:right">
						{{grp.createdDateTime}}
					</div>
				</div>
			</div>
		</div>
	</template>
	<template data-type="loading">
		loading
	</template>
	<template data-type="error">
		{{ this }}
	</template>
</mgt-get>