|
|
@ -10,14 +10,15 @@ |
|
|
|
<body> |
|
|
|
<div id="el"> |
|
|
|
<h1>Rendering Dynamic Big Table</h1> |
|
|
|
<p>Reference: <a href="http://insin.github.io/ui-lib-samples/large-datasets/index.html">insin/ui-lib-samples/large-datasets</a></p> |
|
|
|
|
|
|
|
<p> |
|
|
|
<span>{{ rows }} x {{ cols }}, {{ optimized ? 'with' : 'without' }} optimization. {{ msg }}</span> |
|
|
|
</p> |
|
|
|
|
|
|
|
<p> |
|
|
|
<button v-if="optimized" @click="loadBase">Base version</button> |
|
|
|
<button v-else @click="loadOptimized">Optimized version (Object.freeze)</button> |
|
|
|
<button v-if="optimized" @click="loadBase">Disable optimization</button> |
|
|
|
<button v-else @click="loadOptimized">Enable optimization (Object.freeze)</button> |
|
|
|
<button @click="unmount">Unmount</button> |
|
|
|
<button @click="rerender">Rerender with fresh data</button> |
|
|
|
</p> |
|
|
|