fix naming rows vs columns
parent
b0c9c1cf9e
commit
4ac55e2eea
39
report.tmpl
39
report.tmpl
|
|
@ -7,30 +7,45 @@
|
|||
import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
|
||||
</script>
|
||||
<style>
|
||||
column {
|
||||
rows {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
}
|
||||
row {
|
||||
columns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-grow: 1;
|
||||
}
|
||||
rows, columns { border: 1px solid red; }
|
||||
</style>
|
||||
</header>
|
||||
<body>
|
||||
<h1>Report</h1>
|
||||
<row>
|
||||
<column>
|
||||
<row>c1 r1</row>
|
||||
<row>c1 r2</row>
|
||||
</column>
|
||||
<column>
|
||||
<row>c2 r1</row>
|
||||
<row>c2 r2</row>
|
||||
</column>
|
||||
</row>
|
||||
<columns>
|
||||
<rows style="max-width: 12.5em">
|
||||
<columns>filter1</columns>
|
||||
<columns>filter2</columns>
|
||||
</rows>
|
||||
<rows>
|
||||
<rows>
|
||||
<rows>
|
||||
<h2>Alert Volume by Name</h2>
|
||||
<div>DRAW ME</div>
|
||||
</rows>
|
||||
<columns>
|
||||
<rows>
|
||||
<h3>by Day</h3>
|
||||
<div>DRAW ME</div>
|
||||
</rows>
|
||||
<rows>
|
||||
<h3>by Hour</h3>
|
||||
<div>DRAW ME</div>
|
||||
</rows>
|
||||
</columns>
|
||||
</rows>
|
||||
</rows>
|
||||
</columns>
|
||||
</body>
|
||||
<footer>
|
||||
</footer>
|
||||
|
|
|
|||
Loading…
Reference in New Issue