css table (Bem style)

_cssTable.sass

/* cssTable */
.c-cssTable
	display: table

	+has(thead)
		display: table-header-group

	+has(tbody)
		display: table-row-group

	+has(tr)
		display: table-row

	+has(th)
		display: table-cell

	+has(td)
		display: table-cell

cssTable.html

<!-- c-cssTable -->
<div class="c-cssTable">
	<div class="c-cssTable__thead">
		<div class="c-cssTable__tr">
			<div class="c-cssTable__th">日期</div>
			<div class="c-cssTable__th">內容</div>
			<div class="c-cssTable__th">發佈者</div>
			<div class="c-cssTable__th">&nbsp;</div>
		</div>
	</div>
	<div class="c-cssTable__tbody">
		<div class="c-cssTable__tr">
			<div class="c-cssTable__td"><a href="#">2016/08/31</a></div>
			<div class="c-cssTable__td"><a href="#">活動標題活動標題活動標題活動標題活動標題...</a></div>
			<div class="c-cssTable__td"><a href="#">張小明</a></div>
			<div class="c-cssTable__td"><a href="#" class="button button--sm">我要報名</a></div>
		</div>
	</div>
</div>
<!-- /.c-cssTable -->