<html>
<head>
<script>
function doe() {
document.getElementById('a').style.display = 'table-column-group';
document.body.offsetHeight;
}
</script>

<style>
div::before { content:"b";}
div::after { content:"a";}
</style>
</head>

<body onload="document.body.offsetHeight; setTimeout(doe,0);">
<div style="display: table;">
  <span id="a" style="display: table-header-group; "></span>
</div>
</body>
</html>